SaaSHub helps you find the best software and product alternatives 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.
Project mention: Oat – Ultra-lightweight, semantic, zero-dependency HTML UI component library | news.ycombinator.com | 2026-02-15Reminds me of what bootstrap [1] was like around a decade ago. It's gotten quite a bit bloated since then though.
1. https://getbootstrap.com/
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
-
Project mention: 30-seconds-of-code – short, reusable JavaScript code snippets | news.ycombinator.com | 2025-06-23
-
I looked into this lately - Discord needs to use the Global Shortcuts Portal to do it properly but how is unclear. Discord is based on Electron which is based on Chromium. Chromium has support, Electron has support since https://github.com/electron/electron/pull/45171 but this seems to be rather unknown and unused. Although somewhere in this API chain keyup events are lost, meaning that only "normal" shortcuts would work but no push-to-talk. There are multiple options for Discord to implement this: implement Global Shortcuts Portal directly, go via Electron global shortcuts API, hook into Chromium shortcuts API, maybe others - with the caveat that some of those don't support keyup events. Vesktop devs are currently stuck in same dilemma: https://github.com/Vencord/Vesktop/issues/18
-
-
Project mention: How to Convert Supplier CSVs to Shopify/Amazon/WooCommerce Without Uploading to a Server | dev.to | 2026-06-01
eBay: 30+ fields (item specifics, variations, shipping) Each schema is a JSON file defining field names, data types, and validation rules. The mapper walks source → target assignments and applies type coercion (string → number, date formatting, etc.) before export. The entire app stays under 200 KB gzipped by avoiding heavy UI libraries. It's built with Preact + htm (no JSX build step) and styled with Tailwind CSS v4. Export & Practical Considerations Export uses the standard Blob + download API. No server round-trip — just an ephemeral click with URL.createObjectURL(). The free tier handles 50 rows, enough to validate the mapping before committing. Column mapping profiles can be saved and reused, which is useful when the same supplier sends weekly inventory files with identical headers. Try It If you deal with supplier files regularly, you might find this useful. SKUMart handles all of this out of the box — just drop a file and export.
-
-
With recent updates to the Angular framework, it is now recommended to move away from the @angular/animations package in favor of simpler alternatives using CSS or JavaScript. Many common animations can be accomplished with a pure CSS solution, however, JavaScript may be necessary for more complex animations. Additionally, third-party libraries, such as the CSS-based Animate.css or the JavaScript-based Anime.js, GSAP, and Popmotion, can be utilized for more advanced use cases.
-
After general-purpose UI libraries, let’s move to FontAwesome, a popular solution for displaying icons on websites and in apps. It provides a wide selection of vector icons in SVG form (and also as font files) that you can easily use via CSS. FontAwesome allows simple manipulation of icons: changing size, color, and more.
-
-
Project mention: Ask HN: What are examples of open source project websites? | news.ycombinator.com | 2025-09-18
https://animejs.com/
This is a js animation library so there may be some home advantage but very well made nontheless.
-
html5-boilerplate
A professional front-end template for building fast, robust, and adaptable web apps or sites.
I learned this back when HTML5 was brand new around 15-ish years ago. If you wanted to use the new tags like , the only “polyfill” needed was some css styles. You can see it in the early versions of the HTML5 Boilerplate:
https://github.com/h5bp/html5-boilerplate/blob/v0.9/css/styl...
I realized that I could just make up tags and style them and it was work.
-
-
Project mention: How to Build a Dependency Map of a Legacy Codebase Using AI Tools | dev.to | 2026-05-09
137Foundry provides legacy modernization services that include dependency mapping as a foundational assessment phase. Prettier and ESLint are useful companion tools for enforcing code style consistency as the refactoring proceeds. Node.js and Python.org official documentation are authoritative references for understanding the import and module systems of those runtimes.
-
Project mention: Bulma VS Nakshora - a user suggested alternative | libhunt.com/r/bulma | 2026-04-18
-
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
-
Project mention: AdminLTE 4.0.0 – first stable release of the v4 line | news.ycombinator.com | 2026-05-26
-
Project mention: Ratty – A terminal emulator with inline 3D graphics | news.ycombinator.com | 2026-05-11
Or Terminal is already a full featured web browser?
https://hyper.is/
-
Parcel - Blazing fast, zero configuration web application bundler
-
front-end-interview-handbook
Front End interview preparation materials for busy engineers (updated for 2026)
-
-
Project mention: How to Turn Filament v5's Rich Editor Into a Full Block Editor | dev.to | 2026-04-28
If you're using a component library like daisyUI, you can map styling options directly to its semantic classes btn-primary, bg-base-200). This gives you theme switching for free — every block re-skins automatically when the theme changes.
-
styled-components
Fast, expressive styling for React. Server components, client components, streaming SSR, React Native—one API.
-
Vite uses esbuild written in Go, absurdly fast to pre-process your node_modules dependencies.
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
-
Nordstjernen Web Browser 1.0.0 released
-
Position tooltips and popovers with native CSS — zero runtime JS
-
How to Use Pre-Signed S3 URLs for Direct Browser-to-Storage Uploads
-
Why Your File Upload Endpoint Times Out at 4GB
-
Coding a Better Attention Span
-
Nordstjernen Web Browser
-
Using Server-Sent Events (SSE) in Capacitor 8 with Nuxt 4
-
A note from our sponsor - SaaSHub
www.saashub.com | 6 Jun 2026
Index
What are some of the best open-source CSS projects? This list will help you:
| # | Project | Stars |
|---|---|---|
| 1 | Bootstrap | 174,293 |
| 2 | 30-seconds-of-code | 128,014 |
| 3 | Electron | 121,475 |
| 4 | Web-Dev-For-Beginners | 95,874 |
| 5 | Tailwind CSS | 95,402 |
| 6 | app-ideas | 94,662 |
| 7 | animate.css | 82,529 |
| 8 | Font-Awesome | 76,623 |
| 9 | Front-End-Checklist | 72,833 |
| 10 | anime.js | 69,439 |
| 11 | html5-boilerplate | 57,482 |
| 12 | normalize.css | 53,531 |
| 13 | prettier | 51,901 |
| 14 | Bulma | 50,072 |
| 15 | 30-Days-Of-JavaScript | 46,418 |
| 16 | AdminLTE | 45,440 |
| 17 | hyperterm | 44,604 |
| 18 | parcel | 44,026 |
| 19 | front-end-interview-handbook | 43,966 |
| 20 | tabler | 41,126 |
| 21 | daisyui | 41,070 |
| 22 | styled-components | 41,033 |
| 23 | esbuild | 39,896 |
Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com