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 →
Top 23 JavaScript CSS Projects
-
Bootstrap
The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
-
-
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.
-
-
-
html5-boilerplate
A professional front-end template for building fast, robust, and adaptable web apps or sites.
-
-
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.
-
-
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-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
-
-
-
tabler-icons
A set of over 5200 free MIT-licensed high-quality SVG icons for you to use in your web projects.
-
-
-
-
-
-
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
This article serves as your comprehensive guide to mastering the art of combining Bootstrap and React seamlessly. Dive in to uncover the tips, tricks, and best practices to elevate your UI design game effortlessly.
Project mention: 30-seconds-of-code: Short code snippets for all your development needs | news.ycombinator.com | 2023-12-25
This direct manipulation allows you to leverage robust animation libraries like GSAP or Anime.js, which require direct DOM access to perform optimally.
Project mention: Mastering Code Quality: Setting Up ESLint with Standard JS in TypeScript Projects | dev.to | 2024-05-05In this post, I also use ESLint + Standard JS as my code formatting tools. Formatting JS/TS code by using ESLint is also subjective and opinionated, arguably most people would rather use Prettier instead, which provides more configurable options.
At first we wanted to just get rid of all the helper utilities. Keep only the kernel, but this would mean a loss of backward compatibility. We needed some efficient code processing instead with recomposition and tree-shaking. We needed a bundler. But which one? Our testing approach relies on targets, not sources. We rebuilt the project frequently, speed was critical requirement. In essence, we chose a solution from a couple of among all available alternatives: esbuild and parcel. Esbuild won. Specifically in our case, it proved to be more productive and customizable.
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-0430 Days of JS
Project mention: Front-end Framework: Comparing Bootstrap, Foundation and Materialize | dev.to | 2024-04-16Materialize 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.
Project mention: Ultimate Guide & Resources to Enhancing Your ReactJS Skills || 16 GitHub repositories | dev.to | 2023-08-14Challenge yourself with the 30 Days of React series, perfect for honing your skills day by day.
I found Pure.css and it looks nice but maybe there is something better?
Explore the ScrollReveal.js Library to learn more about their documentations ScrollReveal library
Use Tabler Icons for over 5200 pixel perfect icons designed for the web. This latest set expands the library further with 244 new icons. There's also more support backward compatibility, and more design options for webs, mobile, and desktop applications. All icons now also come in both outlined and filled versions to suit even more preferences and requirements. Check out all the icons on the website.
Project mention: Creating Nx Workspace with Eslint, Prettier and Husky Configuration | dev.to | 2024-03-25emotion [ https://emotion.sh ]
Project mention: Creating Nx Workspace with Eslint, Prettier and Husky Configuration | dev.to | 2024-03-25LESS [ https://lesscss.org ]
I'd like to share my latest discovery with you. TW Elements is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars. It's a huge collection of stunning components made with attention to the smallest detail. Forms, cards, buttons, and hundreds of others. All components have dark mode and very intuitive theming options. The project is supported by an engaged community on GitHub, I recommend you check it out and join one of the many discussions. You will find installation instructions here, and you can track the progress of the project live here. The project was kickstarted by @mdbootstrap, a group of open-source developers behind MDB UI Kit - a high-quality UI kit for Bootstrap, and also behind MDB GO - hosting and deployment platform. I highly recommend you to check it out!
Project mention: blazor with bootstrap and what is different bootstrap-table. | /r/Blazor | 2023-06-06but...I don't know what is different Bootstrap 5.x.x inside table and bootstrap-table(https://bootstrap-table.com/).
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
-
Starting a Side Hustle/Side Project in 2024.
-
Qu'est-ce qu'un projet MERN Stack et comment créer une application CRUD avec? Partie 2/2, Tutoriel
-
Font Awesome
-
CSS Text Box Trim
-
Tailwind CSS for frontend teams: From settings to rules
-
Creating Scroll Animations Using ScrollReveal
-
RiotJS Routes
-
A note from our sponsor - SurveyJS
surveyjs.io | 7 May 2024
Index
What are some of the best open-source CSS projects in JavaScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | Bootstrap | 167,548 |
| 2 | 30-seconds-of-code | 119,340 |
| 3 | Web-Dev-For-Beginners | 81,515 |
| 4 | Font-Awesome | 73,059 |
| 5 | html5-boilerplate | 55,998 |
| 6 | anime.js | 48,728 |
| 7 | prettier | 48,347 |
| 8 | parcel | 43,122 |
| 9 | 30-Days-Of-JavaScript | 40,971 |
| 10 | Materialize | 38,860 |
| 11 | 30-Days-Of-React | 24,318 |
| 12 | Pure | 23,401 |
| 13 | scrollreveal | 22,118 |
| 14 | autoprefixer | 21,477 |
| 15 | tabler-icons | 17,305 |
| 16 | emotion | 17,194 |
| 17 | less.js | 16,999 |
| 18 | front-end-guide | 15,083 |
| 19 | bootswatch | 14,432 |
| 20 | amazeui | 13,470 |
| 21 | TW-Elements | 12,662 |
| 22 | bootstrap-table | 11,666 |
| 23 | Habitica | 11,408 |
Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com