JavaScript CSS

Open-source JavaScript projects categorized as CSS
Edit details
Topics: JavaScript HTML React ReactJS JS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
surveyjs.io
featured

Top 23 JavaScript CSS Projects

  • Bootstrap

    The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.

    • Project mention: How to have a clean CSS structure with RSCSS/ITCSS | dev.to | 2024-05-15

    As an example, let’s take the Bootstrap framework and try to go with ITCSS structure in it.

  • 30-seconds-of-code

    Short code snippets for all your development needs

    • Project mention: 30-seconds-of-code: Short code snippets for all your development needs | news.ycombinator.com | 2023-12-25

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo

  • Web-Dev-For-Beginners

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

  • Font-Awesome

    The iconic SVG, font, and CSS toolkit

    • Project mention: 10+ Best Open Source Icon Libraries in 2024 | dev.to | 2024-05-17

    Website: https://fontawesome.com

  • html5-boilerplate

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

  • anime.js

    JavaScript animation engine

    • Project mention: Mastering Web Animation with JavaScript Libraries: A Comprehensive Guide | dev.to | 2024-05-09

    Repository: anime.js on GitHub

  • prettier

    Prettier is an opinionated code formatter.

    • Project mention: How to prevent Prettier putting a full stop on a new line after a link | dev.to | 2024-05-13

    Do you use Prettier? Have your configuration settings caused weird HTML rendering issues by adding extra whitespace where you didn't want it? Perhaps after an anchor link at the end of a paragraph? Me, too. Here's what's happening and how you might be able to fix it.

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo

  • parcel

    The zero configuration build tool for the web. 📦🚀

    • Project mention: Create a typescript package with Parcel | dev.to | 2024-05-14

    Parcel is a fast and zero-configuration web application bundler designed to simplify the build process for modern web projects. It's not limited to web applications, and it can be used to build packages targeting the browser or Node.js.

  • 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: Struggling to Learn React Or Any JavaScript Framework? Here are 7 Mistakes Holding Back (And What To Do Instead) 💪🎉 | dev.to | 2024-02-04

    30 Days of JS

  • Materialize

    Materialize, a CSS Framework based on Material Design

    • Project mention: Front-end Framework: Comparing Bootstrap, Foundation and Materialize | dev.to | 2024-04-16

    Materialize was created by a team of developers at Google, inspired by the principles of Material Design. Material Design is a design language developed by Google that emphasizes tactile surfaces, realistic lighting, and bold, graphic interfaces. Materialize aims to bring these principles to web development by providing a framework with ready-to-use components and styles 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

    • Project mention: Ultimate Guide & Resources to Enhancing Your ReactJS Skills || 16 GitHub repositories | dev.to | 2023-08-14

    Challenge yourself with the 30 Days of React series, perfect for honing your skills day by day.

  • Pure

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

    • Project mention: CSS framework for Dioxus + mobile | /r/rust | 2023-05-25

    I found Pure.css and it looks nice but maybe there is something better?

  • scrollreveal

    Animate elements as they scroll into view.

    • Project mention: Top 10 JavaScript Animation Libraries | dev.to | 2024-05-09

    ScrollReveal (22.1k ⭐) — A library for easily animating elements as they enter/leave the viewport. It was designed to be robust and flexible, but hopefully you’ll be surprised below at how easy it is to pick up.

  • autoprefixer

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

    • Project mention: Vendor prefixes still relevant? | /r/css | 2023-06-21

  • popmotion

    Simple animation libraries for delightful user interfaces

    • Project mention: Top 10 JavaScript Animation Libraries | dev.to | 2024-05-09

    Popmotion (19.8k ⭐) — Tiny animator's toolbox supports keyframe and spring animations for numbers, colors and complex strings.

  • tabler-icons

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

    • Project mention: 10+ Best Open Source Icon Libraries in 2024 | dev.to | 2024-05-17

  • emotion

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

    • Project mention: Creating Nx Workspace with Eslint, Prettier and Husky Configuration | dev.to | 2024-03-25

    emotion [ https://emotion.sh ]

  • less.js

    Less. The dynamic stylesheet language.

    • Project mention: Creating Nx Workspace with Eslint, Prettier and Husky Configuration | dev.to | 2024-03-25

    LESS [ https://lesscss.org ]

  • front-end-guide

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

  • bootswatch

    Themes for Bootstrap

    • Project mention: JHipster 8 - Criando uma aplicação monolítica | dev.to | 2024-04-11

  • amazeui

    Amaze UI, a mobile-first and modular front-end framework.

  • TW-Elements

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

    • Project mention: Open-Source Components for TailwindCSS | news.ycombinator.com | 2024-05-07

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

    • Project mention: blazor with bootstrap and what is different bootstrap-table. | /r/Blazor | 2023-06-06

    but...I don't know what is different Bootstrap 5.x.x inside table and bootstrap-table(https://bootstrap-table.com/).

  • 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 related posts

  • 10+ Best Open Source Icon Libraries in 2024

    9 projects | dev.to | 17 May 2024

  • How to have a clean CSS structure with RSCSS/ITCSS

    3 projects | dev.to | 15 May 2024

  • Create a typescript package with Parcel

    1 project | dev.to | 14 May 2024

  • How to create heatmaps in JavaScript: The Heat.js library

    1 project | dev.to | 14 May 2024

  • The Ultimate Guide to Styling with CSS-in-JS Using Styled Components

    5 projects | dev.to | 13 May 2024

  • Starting a Side Hustle/Side Project in 2024.

    1 project | dev.to | 6 May 2024

  • Qu'est-ce qu'un projet MERN Stack et comment créer une application CRUD avec? Partie 2/2, Tutoriel

    3 projects | dev.to | 6 May 2024
  • A note from our sponsor - SurveyJS
    surveyjs.io | 17 May 2024
    With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js. Learn more →

Index

What are some of the best open-source CSS projects in JavaScript? This list will help you:

Project Stars
1 Bootstrap 167,594
2 30-seconds-of-code 119,530
3 Web-Dev-For-Beginners 81,621
4 Font-Awesome 73,084
5 html5-boilerplate 56,063
6 anime.js 48,824
7 prettier 48,399
8 parcel 43,156
9 30-Days-Of-JavaScript 41,077
10 Materialize 38,853
11 30-Days-Of-React 24,349
12 Pure 23,417
13 scrollreveal 22,149
14 autoprefixer 21,499
15 popmotion 19,835
16 tabler-icons 17,337
17 emotion 17,210
18 less.js 16,996
19 front-end-guide 15,083
20 bootswatch 14,445
21 amazeui 13,469
22 TW-Elements 12,694
23 bootstrap-table 11,667

Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com