InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now. Learn more →
Top 23 JavaScript CSS Projects
-
Short, useful code snippets in JavaScript and other languages to boost productivity and learning. Explore the repository
-
InfluxDB
InfluxDB – Built for High-Performance Time Series Workloads. InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.
-
A beginner-friendly curriculum by Microsoft, teaching web development fundamentals through 24 lessons with projects. Explore the repository
-
Explore Now
-
Project mention: 6 CSS animation libraries to bring your project to life in 2025 | dev.to | 2025-05-27
Moving Letters is a CSS animations library that focuses on text animations. It uses Anime JS in the background. In principle, you can use the animations in any other element you wish, but it works best with text animations.
-
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.
-
Project mention: How to use Angular 20 experimental Vitest support outside of ng test | dev.to | 2025-06-18
So, I had to test this new version in a personal project to learn how to use all these new things along with other technologies and tools I’ve used for a long time and also love, like VSCode, ESLint, Prettier, and a bunch of other. And I did, but there’s a catch which makes the whole “experimental” thing have more sense: you can only use this through ng test.
-
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.
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
-
Project mention: Migrating a JavaScript Project from Prettier and ESLint to BiomeJS | news.ycombinator.com | 2025-05-07
https://parceljs.org/ is another.
It even supports languages like `` out of the box which is pretty cool.<p>IIRC it downloads necessarily plugins on the fly.
-
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.
-
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
The GitHub repository 30-Days-Of-React by Asabeneh offers a comprehensive and structured approach to mastering React in just 30 days. It is a good repository to get started in React. It has a guide that will introduce React and explore more topics related to React.
-
Project mention: Rapidly build efficient sites with Neat, the minimalist CSS framework | news.ycombinator.com | 2024-08-02
Neat lacks a header and navigation; this by design, and may be enough for simple sites. If you want more capability, Pure.css is good to try too https://purecss.io/
-
Project mention: Top 15 Animation Libraries for React & Modern Javascript Apps | dev.to | 2024-07-17
ScrollReveal is a JavaScript library for easily animating elements as they enter or leave the viewport. With over 22.2k stars on GitHub, it's perfect for scroll-based animations.
-
-
Check Popmotion 🔥
-
tabler-icons
A set of over 5800 free MIT-licensed high-quality SVG icons for you to use in your web projects.
At FlyonUI, we leverage Iconify and Tabler Icons to power our component library, ensuring our UI elements are visually appealing and consistent. This integration allows us to offer developers a rich selection of icons that elevate the user experience effortlessly.
-
By 2018, Emotion and others expanded the ecosystem, addressing performance and flexibility. In server-side rendering (SSR) scenarios, CSS-in-JS libraries like styled-components and Emotion enable styles to be collected during rendering and embedded in the initial HTML response, ensuring faster page loads and preventing flash of unstyled content (FOUC).
-
🎨 LESS is recommended by the Umi team officially as a styles preprocessor which is a bit weird and original. I didn't see it often (never, actually) in other tools (which doesn't lessen LESS's awesomeness, of course) and it creates some vibe of exclusivity and rebellion (as everything in Umi, TBH).
-
-
-
Project mention: Why Svelte Might Be the Best Framework You Haven't Tried Yet 🚀 | dev.to | 2025-02-25
Desktop & Mobile Apps: Pair with Electron or Capacitor to build cross-platform apps.
-
3. Tailwind Elements A free collection of essential elements and components designed with Tailwind for modern websites. Tailwind Elements:
-
Project mention: Kickstart Hacktoberfest with These Exciting Open Source Projects to Contribute To! 🚀 | dev.to | 2024-10-09
💼 Project: Habitica 💡 Why Contribute: Habitica is a gamified task management app that helps users build better habits. It’s an open-source project built with JavaScript, and there are plenty of issues ranging from beginner-friendly bug fixes to feature enhancements.
-
bootstrap-table
An extended table to integration with some of the most widely used CSS frameworks. (Supports Bootstrap, Semantic UI, Bulma, Material Design, Foundation, Vue.js)
-
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).
JavaScript CSS discussion
JavaScript CSS related posts
-
Metro UI Library: A Comprehensive Guide for Beginner Programmers
-
Fun Front-End Development Tricks for Beginners
-
Press Start to Continue
-
Phoenix Code: Lightweight code editor in the browser
-
From Setback to Comeback: Starting my Journey into Coding
-
🚀 Is Learning to Code Obsolete in the Age of AI and GPT?
-
Should you stop using prettier? Maybe
-
A note from our sponsor - InfluxDB
www.influxdata.com | 19 Jun 2025
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 | 123,932 |
| 2 | Web-Dev-For-Beginners | 88,610 |
| 3 | Font-Awesome | 75,337 |
| 4 | anime.js | 61,687 |
| 5 | html5-boilerplate | 57,002 |
| 6 | prettier | 50,572 |
| 7 | 30-Days-Of-JavaScript | 44,470 |
| 8 | parcel | 43,862 |
| 9 | Materialize | 38,929 |
| 10 | 30-Days-Of-React | 26,741 |
| 11 | Pure | 23,721 |
| 12 | scrollreveal | 22,488 |
| 13 | autoprefixer | 21,982 |
| 14 | popmotion | 20,130 |
| 15 | tabler-icons | 19,252 |
| 16 | emotion | 17,787 |
| 17 | less.js | 17,054 |
| 18 | front-end-guide | 15,223 |
| 19 | bootswatch | 14,691 |
| 20 | capacitor | 13,421 |
| 21 | TW-Elements | 13,029 |
| 22 | Habitica | 12,973 |
| 23 | bootstrap-table | 11,798 |
Sponsored
InfluxDB – Built for High-Performance Time Series Workloads
InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.
www.influxdata.com