JavaScript CSS

Open-source JavaScript projects categorized as CSS

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: I hate CSS: how can I build UIs? | news.ycombinator.com | 2023-11-05
  • Web-Dev-For-Beginners

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

    Project mention: 🧑‍🎓 Web Dev for Beginners: 24 Lessons, 12 Weeks, Get Started as a Web Developer [Github Repo] | /r/webdev | 2023-02-23
  • Appwrite

    Appwrite - The open-source backend cloud platform. Add Auth, Databases, Functions, and Storage to your product and build any application at any scale while using your preferred coding languages and tools.

  • Font-Awesome

    The iconic SVG, font, and CSS toolkit

    Project mention: A Developer’s Guide to Implementing a Design System (Part 1) | dev.to | 2023-11-08

    Of course, we have many different ways of solving this problem. Some of the most common include pre-existing third-party icon libraries (such as Font Awesome), icons bundled into a third-party component library (like the Kendo UI Icons), or a completely custom set of icons designed and maintained by your design team. Obviously, going 100% custom will require more work (on both the design and dev side), but might be worth it to achieve a truly unique look – or if the UI will require icons for uncommon symbols or concepts.

  • html5-boilerplate

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

    Project mention: html5 boilerplate with bootstrap | /r/webdevY | 2023-05-05

    Download the HTML5 Boilerplate template from the official website (https://html5boilerplate.com/). You can choose to download the standard or the enhanced version, depending on your needs.

  • anime.js

    JavaScript animation engine

    Project mention: My Journey in Making "Coin Factory": A Web Game | /r/incremental_games | 2023-11-27
  • prettier

    Prettier is an opinionated code formatter.

    Project mention: Level Up Your TypeScript Projects: Discover the Power of ESLint and Prettier | dev.to | 2023-11-28

    In the dynamic world of full-stack development, incorporating linting and formatting tools such as ESLint and Prettier, along with your TypeScript projects, is essential. This integration is particularly important in team settings to ensure code uniformity in syntax and style. Additionally, these tools play a vital role in early detection of errors and bugs. In this article, we'll explore how these tools automate the coding process to produce clean, consistent, and production-ready code.

  • parcel

    The zero configuration build tool for the web. 📦🚀

    Project mention: 11 Ways to Optimize Your Website | dev.to | 2023-11-12

    Besides Webpack, there are many other popular web bundlers available, such as Parcel, Esbuild, Rollup, and more. They all have their own unique features and strengths, and you should make your decision based on the needs and requirements of your specific project. Please refer to their official websites for details.

  • Onboard AI

    Learn any GitHub repo in 59 seconds. Onboard AI learns any GitHub repo in minutes and lets you chat with it to locate functionality, understand different parts, and generate new code. Use it for free at www.getonboard.dev.

  • 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: Where to Learn Javascript | /r/PinoyProgrammer | 2023-07-01
  • Materialize

    Materialize, a CSS Framework based on Material Design

    Project mention: Roadmap to being a Full Stack Web Developer | dev.to | 2023-08-11

    Materialize CSS

  • 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: 10 Best Javascript Animation Libraries 🎉 | dev.to | 2023-10-22

    ScrollReveal

  • autoprefixer

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

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

    Less. The dynamic stylesheet language.

    Project mention: Maximize Web Performance with CSS Optimization Techniques | dev.to | 2023-10-16

    Consider using CSS preprocessors like Sass or Less not only for better code organization but also for potential performance improvements.

  • emotion

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

    Project mention: Why is does modern HTML/CSS seem so complex and convoluted? (details in comment) | /r/webdev | 2023-05-23
  • front-end-guide

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

  • bootswatch

    Themes for Bootstrap

    Project mention: Bootstrap Plug-and-Play Theme | /r/webdev | 2023-05-05
  • amazeui

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

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

  • stylus

    Expressive, robust, feature-rich CSS language built for nodejs

    Project mention: Why Use Sass? | dev.to | 2023-07-29

    Stylus

  • Habitica

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

    Project mention: Best Planner Apps: Top 11 Daily Planning Tools in 2023 | dev.to | 2023-07-21

    Habitica, an innovative daily planning app, takes a unique approach to task management by transforming your daily routine into an exciting role-playing game (RPG). Combining the principles of gamification and productivity, Habitica offers a refreshing and engaging way to stay organized, motivated, and on track with your goals. With its intuitive interface and vibrant visuals, this app turns mundane tasks and habits into thrilling quests and challenges.

  • stylelint

    A mighty CSS linter that helps you avoid errors and enforce conventions.

    Project mention: Speeding up the JavaScript ecosystem – The barrel file debacle | news.ycombinator.com | 2023-10-09

    The “cost of loading modules” diagram shows non-linear behaviour (though you should largely ignore the curve visible in the diagram because the x axis is way off linear):

    • 0.15s ÷ 500 = 0.3ms

    • 0.31s ÷ 1000 = 0.31ms

    • 3.12s ÷ 10000 = 0.312ms

    • 16.81s ÷ 25000 = 0.6724ms

    • 48.44s ÷ 50000 = 0.9688ms

    My own observation on a Surface Book six years ago was that in Node.js under Windows, each module had about 1ms of overhead when there was warm file system cache—that is, simply bundling with Rollup saved 1ms per file. If this sort of thing interests you, quite a lot of useful stuff came out of https://github.com/stylelint/stylelint/issues/2454 which I filed because I was unhappy with stylelint taking over a second to import. And that must have been only in the order of one or two thousand modules, when the behaviour is still close enough to linear.

  • capacitor

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

    Project mention: IWTL coding | /r/IWantToLearn | 2023-11-15

    Project: Build This Webpage (just this one page, make sure it is responsive (useful on all screen sizes)) => https://capacitorjs.com/

  • InfluxDB

    Collect and Analyze Billions of Data Points in Real Time. Manage all types of time series data in a single, purpose-built database. Run at any scale in any environment in the cloud, on-premises, or at the edge.

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). The latest post mention was on 2023-11-28.

JavaScript CSS related posts

Index

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

Project Stars
1 Bootstrap 165,996
2 Web-Dev-For-Beginners 78,486
3 Font-Awesome 72,477
4 html5-boilerplate 55,447
5 anime.js 47,590
6 prettier 47,295
7 parcel 42,812
8 30-Days-Of-JavaScript 39,349
9 Materialize 38,841
10 30-Days-Of-React 23,345
11 Pure 23,220
12 scrollreveal 21,877
13 autoprefixer 21,251
14 less.js 16,970
15 emotion 16,877
16 front-end-guide 15,015
17 bootswatch 14,318
18 amazeui 13,489
19 bootstrap-table 11,599
20 stylus 11,140
21 Habitica 10,764
22 stylelint 10,612
23 capacitor 10,316
Collect and Analyze Billions of Data Points in Real Time
Manage all types of time series data in a single, purpose-built database. Run at any scale in any environment in the cloud, on-premises, or at the edge.
www.influxdata.com