JavaScript CSS

Open-source JavaScript projects categorized as CSS

Top 23 JavaScript CSS Projects

  1. 30-seconds-of-code

    Coding articles to level up your development skills

    Project mention: Best GitHub Repositories for Programmers | dev.to | 2025-05-11

    Short, useful code snippets in JavaScript and other languages to boost productivity and learning. Explore the repository

  2. 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.

    InfluxDB logo
  3. Web-Dev-For-Beginners

    24 Lessons, 12 Weeks, Get Started as a Web Developer

    Project mention: Best GitHub Repositories for Programmers | dev.to | 2025-05-11

    A beginner-friendly curriculum by Microsoft, teaching web development fundamentals through 24 lessons with projects. Explore the repository

  4. Font-Awesome

    The iconic SVG, font, and CSS toolkit

    Project mention: Top 10 Icon Libraries for Next.js - 2025 | dev.to | 2025-04-14

    Explore Now

  5. anime.js

    JavaScript animation engine

    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.

  6. html5-boilerplate

    A professional front-end template for building fast, robust, and adaptable web apps or sites.

    Project mention: How to Write a Good index.html File | dev.to | 2025-03-22

    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.

  7. prettier

    Prettier is an opinionated code formatter.

    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.

  8. 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: Top Github repositories for 10+ programming languages | dev.to | 2024-07-16

    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.

  9. SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
  10. parcel

    The zero configuration build tool for the web. 📦🚀

    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.

  11. Materialize

    Materialize, a CSS Framework based on Material Design

    Project mention: Top 5 Best CSS Frameworks for Responsive Web Design in 2024 | dev.to | 2024-09-26

    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.

  12. 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

    Project mention: GitHub Repos Essential for Every React Developer | dev.to | 2024-09-09

    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.

  13. Pure

    A set of small, responsive CSS modules that you can use in every web project.

    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/

  14. scrollreveal

    Animate elements as they scroll into view.

    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.

  15. autoprefixer

    Parse CSS and add vendor prefixes to rules by Can I Use

  16. popmotion

    Simple animation libraries for delightful user interfaces

    Project mention: Top 10 JavaScript Animation Libraries in 2025 | dev.to | 2025-03-10

    Check Popmotion 🔥

  17. tabler-icons

    A set of over 5800 free MIT-licensed high-quality SVG icons for you to use in your web projects.

    Project mention: 10+ Stunning React Icon Library | dev.to | 2025-06-13

    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.

  18. emotion

    👩‍🎤 CSS-in-JS library designed for high performance style composition

    Project mention: CSS-in-JS: Pros and cons | dev.to | 2025-04-11

    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).

  19. less.js

    Less. The dynamic stylesheet language.

    Project mention: UmiJS: the Shaolin of web frameworks | dev.to | 2025-03-30

    🎨 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).

  20. front-end-guide

    📚 Study guide and introduction to the modern front end stack.

  21. bootswatch

    Themes for Bootstrap

  22. capacitor

    Build cross-platform Native Progressive Web Apps for iOS, Android, and the Web ⚡️

    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.

  23. TW-Elements

    𝙃𝙪𝙜𝙚 collection of Tailwind MIT licensed (free) components, sections and templates 😎

    Project mention: Ultimate UI and Development Resource Guide for 2024 🚀 | dev.to | 2024-09-05

    3. Tailwind Elements A free collection of essential elements and components designed with Tailwind for modern websites. Tailwind Elements:

  24. Habitica

    A habit tracker app which treats your goals like a Role Playing Game.

    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.

  25. 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)

  26. SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
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

Log in or Post with

JavaScript CSS related posts

  • Metro UI Library: A Comprehensive Guide for Beginner Programmers

    2 projects | dev.to | 12 Jun 2025
  • Fun Front-End Development Tricks for Beginners

    1 project | dev.to | 11 Jun 2025
  • Press Start to Continue

    1 project | dev.to | 7 Jun 2025
  • Phoenix Code: Lightweight code editor in the browser

    1 project | news.ycombinator.com | 4 Jun 2025
  • From Setback to Comeback: Starting my Journey into Coding

    1 project | dev.to | 2 Jun 2025
  • 🚀 Is Learning to Code Obsolete in the Age of AI and GPT?

    1 project | dev.to | 24 May 2025
  • Should you stop using prettier? Maybe

    7 projects | dev.to | 22 May 2025
  • A note from our sponsor - InfluxDB
    www.influxdata.com | 19 Jun 2025
    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 →

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

Did you know that JavaScript is
the 3rd most popular programming language
based on number of references?