SaaSHub helps you find the best software and product alternatives Learn more →
Top 23 JavaScript CSS Projects
-
Project mention: 30-seconds-of-code – short, reusable JavaScript code snippets | news.ycombinator.com | 2025-06-23
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
-
-
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.
-
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
-
Parcel - Blazing fast, zero configuration web application bundler
-
Materialize - Responsive front-end framework based on Material Design
-
30-Days-Of-React
30 Days of React challenge is a step by step guide to learn React in 30 days. These videos may help too: https://www.youtube.com/channel/UC7PNRuno1rzYPb1xLa4yktw
-
Purecss - A set of small, responsive CSS modules
-
-
-
tabler-icons
A set of over 6000 free MIT-licensed high-quality SVG icons for you to use in your web projects.
I've used Tabler for everything so far (free, 4500 icons)
https://tabler.io/icons
-
-
Popmotion - The animate function is less than 5kb, and every utility function is individually importable
-
Check out the Emotion project: GitHub
-
-
On the app there are two buttons, the one on the left demonstrates the current functionality of trying the use SSE in Capacitor 8 that is detailed in #6582. The button on the right shows SSE working with the help of capacitor-stream-http-v2.
-
-
Project mention: Vanilla JavaScript Support for Tailwind Plus – Tailwind CSS | news.ycombinator.com | 2025-07-25
I agree, take a look at Bootswatch: https://bootswatch.com
I find it very nice that you can re-theme or brand your app with virtually no code or class changes.
-
-
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).
JavaScript CSS discussion
JavaScript CSS related posts
-
Coding a Better Attention Span
-
Using Server-Sent Events (SSE) in Capacitor 8 with Nuxt 4
-
Show HN: Phoenix Code – desktop editor where AI can see the page
-
How to Build a Dependency Map of a Legacy Codebase Using AI Tools
-
Multi-stroke text effect in CSS
-
Built a Simple One-Click Font Tool to Save Your Design Time
-
From Claude Artifact to Production PWA: Building VitaminD Explorer
-
A note from our sponsor - SaaSHub
www.saashub.com | 12 Jun 2026
Index
What are some of the best open-source CSS projects in JavaScript? This list will help you:
| # | Project | Stars |
|---|---|---|
| 1 | 30-seconds-of-code | 128,014 |
| 2 | Web-Dev-For-Beginners | 95,874 |
| 3 | Font-Awesome | 76,651 |
| 4 | anime.js | 69,439 |
| 5 | html5-boilerplate | 57,488 |
| 6 | prettier | 51,963 |
| 7 | 30-Days-Of-JavaScript | 46,418 |
| 8 | parcel | 44,026 |
| 9 | Materialize | 38,864 |
| 10 | 30-Days-Of-React | 27,421 |
| 11 | Pure | 23,732 |
| 12 | scrollreveal | 22,519 |
| 13 | autoprefixer | 22,252 |
| 14 | tabler-icons | 20,878 |
| 15 | iCSS | 20,694 |
| 16 | popmotion | 20,171 |
| 17 | emotion | 18,016 |
| 18 | less.js | 17,024 |
| 19 | capacitor | 15,862 |
| 20 | front-end-guide | 15,238 |
| 21 | bootswatch | 14,752 |
| 22 | Habitica | 13,904 |
| 23 | TW-Elements | 13,134 |
Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com