Trending Projects is available as a weekly newsletter please sign up at Stargazing.dev to ensure you never miss an issue.
1. UnoCSS
The instant on-demand atomic CSS engine.
UnoCSS
The instant on-demand Atomic CSS engine
π‘ I highly recommend reading this blog post -
Reimagine Atomic CSS
for the story behind
π Documentation | π§βπ» Interactive Docs | π€ΉββοΈ Playground | π Tutorial
Features
Inspired by Windi CSS, Tailwind CSS, and Twind, but:
- Fully customizable - no core utilities. All functionalities are provided via presets.
- No parsing, no AST, no scanning, it's INSTANT (5x faster than Windi CSS or Tailwind JIT).
- ~6kb min+brotli - zero deps and browser friendly.
- Shortcuts - aliasing utilities, dynamically.
- Attributify mode - group utilities in attributes.
- Pure CSS Icons - use any icon as a single class.
- Variant Groups - shorthand for group utils with common prefixes.
-
CSS Directives - reuse utils in CSS with
@applydirective. - Compilation mode - synthesizes multiple classes into one at build time.
- Inspector - inspect and debug interactively.
- CSS-in-JS Runtime build - use UnoCSSβ¦
2. Notifire
The ultimate library for managing multi-channel notifications with a single API.
novuhq
/
novu
Open-Source Notification Platform. Embeddable Notification Center, E-mail, Push and Slack Integrations.
The open source notifications framework that makes it easy for developers to empower product teams
Explore the docs Β»
or
Create a free account Β»
Report a bug
Β·
Request a feature
Β·
Join our Discord
Β·
Roadmap
Β·
X
Β·
Contact us
βοΈ Why Novu?
Novu provides a unified API that makes it simple to send notifications through multiple channels, including Inbox/In-App, Push, Email, SMS, and Chat. With Novu, you can create custom workflows and define conditions for each channel, ensuring that your notifications are delivered in the most effective way possible.
β¨ Features
- π Single API for all messaging providers (Inbox/In-App, Email, SMS, Push, Chat)
- π Fully managed GitOps flow, deployed from your CI
- π₯ Define workflow and step controls withβ¦
3. React Notion X
Fast and accurate React renderer for Notion. TypeScript batteries included.
NotionX
/
react-notion-x
Fast and accurate React renderer for Notion. TS batteries included. β‘οΈ
React Notion X
Fast and accurate React renderer for Notion. TS batteries included. β‘οΈ
Contents
- Advice
- Features
- Usage
- Styles
- Optional Components
- Private Pages
- Next.js Examples
- Packages
- Supported Blocks
- Performance
- Related
- Contributing
- License
- Sponsor
Advice
If you just want to publish a website using Notion, then we highly recommend using Super.so β a hosted solution with great perf that takes care of all the details for you.
If you want more control over your website via React, then we recommend checking out the accompanying Next.js starter kit, which is free and uses react-notion-x under the hood.
And if you want even more control, then you're in the right place! ππ
Features
- π Simple - TypeScript + React
- β‘ Fast - 10-100x faster than Notion
- 95-100% Lighthouse scores
- Heavier components can be loaded lazily via
next/dynamic
- π― Tests - Comes with a comprehensive test suite covering most of Notion's functionality
- π₯β¦
4. Oh My Posh
A prompt theme engine for any shell.
JanDeDobbeleer
/
oh-my-posh
The most customisable and low-latency cross platform/shell prompt renderer
This repo was made with love using GitKraken.
Join the community
What started as the offspring of oh-my-posh2 for PowerShell resulted in a cross platform, highly customizable and extensible prompt theme engine. After 4 years of working on oh-my-posh, a modern and more efficient tool was needed to suit my personal needs.
β€οΈ Support β€οΈ
Features
- Shell and platform agnostic
- Easily configurable
- The most configurable prompt utility
- Fast
- Secondary prompt
- Right prompt
- Transient prompt
Documentation
Reviews
Thanks
- Chris Benti providing the first influence to start oh-my-posh
- Keith Dahlby for creating posh-git and making life more enjoyable
- Robby Russell for creating oh-my-zsh, without him this would probably not be here
- Janne Mareike Koschinski for providing information on how to get certain information using Go (and the amazingβ¦
5. Under the hood: React
Entire React code base explanation by visual block schemes. Each scheme is clickable and can be opened in a new tab, use that to zoom it and be able to read from it
Bogdan-Lyashenko
/
Under-the-hood-ReactJS
Entire React code base explanation by visual block schemes (Stack version)
Under the hood: React
This repository contains an explanation of inner work of React. In fact, I was debugging through the entire code base and put all the logic on visual block-schemes, analyzed them, summarized and explained main concepts and approaches. I've already finished with Stack version and now I work with the next, Fiber version.
I wanted to automate process of "learning and documenting" a complex codebase as much as possible, so I started Codecrumbs project. It will help to build projects like "Under the hood ReactJs" in a shorter time and in a simpler way!
Each scheme is clickable and can be opened in a new tab, use that to zoom it and be able to read from it. Keep the article and a scheme you are reading about at that moment in separate windows (tabs), that will help to match text and code flow easier.
Weβ¦
6. Awesome Actions
A curated list of awesome actions to use on GitHub
sdras
/
awesome-actions
A curated list of awesome actions to use on GitHub
Awesome Actions 
A curated list of awesome things related to GitHub Actions.
Actions are triggered by GitHub platform events directly in a repo and run on-demand workflows either on Linux, Windows or macOS virtual machines or inside a container in response. With GitHub Actions you can automate your workflow from idea to production.
Contents
Official Resources
- Official Site
- Official Documentation
-
Official Actions organization
- actions/virtual-environments - GitHub Actions virtual environments.
- actions/runner - The Runner for GitHub Actions.
- GitHub Blog Announcement
Workflow Examples
- actions/starter-workflows - Starter workflow management.
- actions/example-services - Example workflows using service containers.
Official Actions
Workflow Tool Actions
Tool actions for your workflow.
- β¦
7. Data Science for Beginners - A Curriculum
Azure Cloud Advocates at Microsoft are pleased to offer a 10-week, 20-lesson curriculum all about Data Science. Each lesson includes pre-lesson and post-lesson quizzes, written instructions to complete the lesson, a solution, and an assignment
microsoft
/
Data-Science-For-Beginners
10 Weeks, 20 Lessons, Data Science for All!
Data Science for Beginners - A Curriculum
Azure Cloud Advocates at Microsoft are pleased to offer a 10-week, 20-lesson curriculum all about Data Science. Each lesson includes pre-lesson and post-lesson quizzes, written instructions to complete the lesson, a solution, and an assignment. Our project-based pedagogy allows you to learn while building, a proven way for new skills to 'stick'.
Hearty thanks to our authors: Jasmine Greenaway, Dmitry Soshnikov, Nitya Narasimhan, Jalen McGee, Jen Looper, Maud Levy, Tiffany Souterre, Christopher Harrison.
π Special thanks π to our Microsoft Student Ambassador authors, reviewers and content contributors, notably Aaryan Arora, Aditya Garg, Alondra Sanchez, Ankita Singh, Anupam Mishra, Arpita Das, ChhailBihari Dubey, Dibri Nsofor, Dishita Bhasin, Majd Safi, Max Blum, Miguel Correa, Mohamma Iftekher (Iftu) Ebne Jalal, Nawrin Tabassum, Raymond Wangsa Putraβ¦
8. Perflink
Low friction JavaScript benchmarks that you can share via URL
lukejacksonn
/
perflink
Low friction JavaScript benchmarks that you can share via URL
Perflink
JavaScript performance benchmarks you can share via URL
The motivation here was to create a single page app like jsperf β which is commonly used to compare performance characteristics of different Javascript code snippets β but with improved usability and portability of results. It is a frontend only static web app with no build step and is hosted on Github pages.
Features
- π§ͺ Benchmarks run in isolated web workers
- π Supports imports with worker type module
- π Saves test suites to local storage
- π¨ Syntax highlighted textarea inputs
- π Serializable state encoded into shareable URLs
- β± Adaptive timing for more accurate results
- π Super light weight β almost no dependencies
Usage
To use the web interface simply visit https://perf.link and write out some test cases. When you are ready hit "Run Test". The code will be evaluated and benchmarked β against all other test cases β the results ofβ¦
9. next-themes
Perfect Next.js dark mode in 2 lines of code. Support System preference and any other theme with no flashing
pacocoursey
/
next-themes
Perfect Next.js dark mode in 2 lines of code. Support System preference and any other theme with no flashing
next-themes 
An abstraction for themes in your React app.
- β Perfect dark mode in 2 lines of code
- β System setting with prefers-color-scheme
- β Themed browser UI with color-scheme
- β
Support for Next.js 13
appDir - β No flash on load (both SSR and SSG)
- β Sync theme across tabs and windows
- β Disable flashing when changing themes
- β Force pages to specific themes
- β Class or data attribute selector
- β
useThemehook
Check out the Live Example to try it for yourself.
Install
$ npm install next-themes
# or
$ yarn add next-themes
Use
With pages/
You'll need a Custom App to use next-themes. The simplest _app looks like this:
// pages/_app.js
function MyApp({ Component, pageProps }) {
return <Component {...pageProps} />
}
export default MyApp
Adding dark mode support takes 2 lines of code:
// pages/_app.js
import { ThemeProvider }β¦10. Omatsuri
Omatsuri is a progressive web application with 12 open source frontend focused tools.
Omatsuri app
Omatsuri is a progressive web application with 12 open source frontend focused tools. Omatsuri translates to Β«festivalΒ» from Japanese (γη₯γ) and here we have a small festival of applications. It was built with strong respect to your privacy β you will never see ads and it does not include analytics services (or actually any services at all). You are highly encouraged to explore source code and use it in your projects.
Quick links
Key features
- Fast non-blocking computations with web workers
- No tracking, no ads, no other server connections β everything runs in browser only
- Full offline support
- Dark theme support
- All-in-one application for everyday tasks
Included Applications
- CSS Triangle Generator
- Color Shades Generator
- Gradient Generator
- Page Dividers Generator
- SVG compressor
- SVG to JSX converter
- Base64 encoder
- Realistic Fake Data Generator
- HTML/CSS Symbols Collection
- Lorem/Samuel/Poke Ipsum Generator
- CSS Cursor Properties
- JavaScript Events Keycodes
Local development
Toβ¦
Stargazing π
Top risers over last 7 daysπ
- Machine Learning for beginner +1,131 stars
- Public APIs +773 stars
- Awesome +579 stars
- ct.css +537 stars
- Next.js +504 stars
Top growth(%) over last 7 daysπ
- Fragstore +152%
- ct.css +74%
- use-mui +42%
- React Peformance Testing +24%
- Vizzu +22%
Top risers over last 30 daysπ
- Uptime Kuma +4,925 stars
- JavaScript Algorithms +4,206 stars
- Public APIs +4,070 stars
- Awesome +2,994 stars
- Free Programming Books +2,596 stars
Top growth(%) over last 30 daysπ
- LittleJS +160%
- ct +157%
- EBS Design +152%
- Uptime Kuma +121%
- Agrippa +113%
For all for the latest rankings please checkout Stargazing.dev
Trending Projects is available as a weekly newsletter please sign up at Stargazing.dev to ensure you never miss an issue.
If you enjoyed this article you can follow me on Twitter where I regularly post about HTML, CSS and JavaScript.
Top comments (1)
I love reading this posts.