Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR. Learn more →
Top 23 CSS Open-Source Projects
-
Bootstrap
The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
FastHTML allows developers to build modern web applications entirely in Python without touching JavaScript or React. As its name implies, it is quicker to begin with FastHTML. However, it does not have pre-built UI components and styling. Getting the best out of this framework requires the knowledge of HTMX and UI styling using CSS libraries like Tailwind and Bootstrap.
-
CodeRabbit
CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.
-
ID: i1 Tags: Code, Snippets Description: Discover hundreds of coding articles to level up your skills. GitHub Link | Website Link
-
I went back to Sublime Text after trying VS Code for a few months.
VS Code is very nice, when it works. My main problems had to do with the extension ecosystem. It felt very chaotic: it was hard to figure out which ones to install to get the functionality I wanted. Updates to Python extensions sometimes caused instability, crashing the editor. And I found it difficult to set extension preferences: the UI tries to be slick but in practice it ends up being clunky and awkward. On top of that, there was an annoying bug on Linux, related to Electron, that prevented the Save dialog box from appearing properly, which... kind of sucks. https://github.com/electron/electron/issues/32857
Sublime is the perfect programmer's editor for dynamic languages like Python, and for general text editing. It's lightning fast. LSP is just enough to be helpful without getting in the way. Workspaces work the way I would expect. I prefer editing JSON files for preferences over navigating a complex GUI.
Best money I've ever spent on a license, and I'll happily renew just for maintenance updates, to be honest.
-
-
Web development tutorial reference from Microsoft.
-
-
Project mention: The Best 100 Free UI/UX Resources for Every Designer & Developer | dev.to | 2025-03-04
Animate.css animate.style Cross-browser CSS animations library.
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
-
Millions of websites use Font Awesome to improve user experience. You can explore the full range of icons at the Font Awesome Official Site.
-
-
html5-boilerplate
A professional front-end template for building fast, robust, and adaptable web apps or sites.
Also, if you want a starter template that goes further than just the index.html file, you might want to check out HTML5 Boilerplate. It's a great resource to get up an running really fast when building a Progressive Web App.
-
SUIT CSS was founded around 2013 by Nicolas Gallagher, the author of Normalize.css. Although it is now essentially unmaintained, its ideas based on component development still have relevance.
-
Check Anime.js 🔥
-
Website: prettier.io
-
Project mention: TypeScript/React/Vue Window Layout Manager (Tabs, Floating, Popouts) | news.ycombinator.com | 2025-01-11
-
30-Days-Of-JavaScript
30 days of JavaScript programming challenge is a step-by-step guide to learn JavaScript programming language in 30 days. This challenge may take more than 100 days, please just follow your own pace. These videos may help too: https://www.youtube.com/channel/UC7PNRuno1rzYPb1xLa4yktw
30 Days of JS preparation 30 Days of Javascript preparation that teaches JS topics in 30 days one topic per day, quite a good roadmap as well to learn JS from scratch.
-
-
Parcel is another alternative that requires zero configuration and is super fast. If you want a simple React setup without any hassle, Parcel is a great choice.
-
-
styled-components
Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅
This detail implies if any dependencies can be resolved correctly and if not have a version conflict. As the example we have the styled-components lib, it can have a problem with type Symbol reference where the library doesn´t find your properties of themes because, in your internal code, it uses the symbolObject which is a unique object that refers your set configs.
-
-
Materialize is a modern CSS framework based on Google’s Material Design. It was created and designed by Google to provide a unified and consistent user interface across all its products. Materialize is focused on user experience as it integrates animations and components to provide feedback to users.
-
-
novu
Open-Source Notification Platform. Embeddable Notification Center, E-mail, Push and Slack Integrations.
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
NOTE:
The open source projects on this list are ordered by number of github stars.
The number of mentions indicates repo mentiontions in the last 12 Months or
since we started tracking (Dec 2020).
CSS discussion
CSS related posts
-
How to Extract All Links from a Website Using Puppeteer
-
Ask HN: Building a Non-AI tool feels surprisingly refreshing for me
-
Pure CSS Scroll Animations Compared To CSS Scroll Animations With Trig.js
-
I Built My Blog Using "Vibe Coding"
-
🎉 1000 Views in a Week! Thank You for the Support and Exciting Trig.js Journey Ahead 🚀
-
How to Create Stunning Scroll Animations in CSS with Trig.js
-
Designing standout digital products.
-
A note from our sponsor - CodeRabbit
coderabbit.ai | 25 Mar 2025
Index
What are some of the best open-source CSS projects? This list will help you:
| # | Project | Stars |
|---|---|---|
| 1 | Bootstrap | 171,827 |
| 2 | 30-seconds-of-code | 123,124 |
| 3 | Electron | 115,982 |
| 4 | Tailwind CSS | 86,522 |
| 5 | Web-Dev-For-Beginners | 85,718 |
| 6 | app-ideas | 82,616 |
| 7 | animate.css | 81,446 |
| 8 | Font-Awesome | 74,775 |
| 9 | Front-End-Checklist | 69,696 |
| 10 | html5-boilerplate | 56,844 |
| 11 | normalize.css | 52,850 |
| 12 | anime.js | 51,050 |
| 13 | prettier | 50,163 |
| 14 | Bulma | 49,646 |
| 15 | 30-Days-Of-JavaScript | 44,096 |
| 16 | hyperterm | 43,814 |
| 17 | parcel | 43,722 |
| 18 | front-end-interview-handbook | 42,553 |
| 19 | styled-components | 40,737 |
| 20 | tabler | 38,948 |
| 21 | Materialize | 38,869 |
| 22 | esbuild | 38,732 |
| 23 | novu | 36,503 |
Sponsored
CodeRabbit: AI Code Reviews for Developers
Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.
coderabbit.ai