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.
To make the demo more interesting, we will use the Bootstrap framework and Flask as the backend.
-
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.
-
-
the i element is the icon of the button, I'm using fontawesome.com for the icon, the class fa-apple retrives Apple icon for us.
-
html5-boilerplate
A professional front-end template for building fast, robust, and adaptable web apps or sites.
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.
-
Project mention: Can we talk about the absolute chokehold GSAP has on the industry? | /r/webdev | 2023-12-10
-
What is Prettier 😎?
-
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.
-
Parcel 2 emphasizes a zero-configuration approach to bundling web applications. It's a powerful tool that offers a hassle-free developer experience, focusing on simplicity and speed.
-
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-0430 Days of JS
-
MaterializeCSS https://materializecss.com
-
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-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?
-
ScrollReveal.js: Easily reveal elements as they enter the viewport.
-
-
Project mention: Why is does modern HTML/CSS seem so complex and convoluted? (details in comment) | /r/webdev | 2023-05-23
-
tabler-icons
A set of over 5200 free MIT-licensed high-quality SVG icons for you to use in your web projects.
Here is the full list of icons: Tabler Icons
-
Traditionally CSS lacked features such as variables, nesting, mixins, and functions. This was frustrating for Developers as it often led to CSS quickly becoming complex and cumbersome. In an attempt to make code easier and less repetitive CSS pre-processors were born. You would write CSS in the format the pre-processor understood and, at build time, you'd have some nice CSS. The most common pre-processors these days are Sass, Less, and Stylus. Any examples I give going forward will be about Sass as that's what I'm most familiar with.
-
-
Bootswatch
-
-
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!
-
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-06but...I don't know what is different Bootstrap 5.x.x inside table and bootstrap-table(https://bootstrap-table.com/).
-
Project mention: 🏞️5 beautiful open-source web apps to learn from and get inspired 🙇♀️💡 | dev.to | 2024-01-17
💾 Source code: https://github.com/HabitRPG/habitica 👕 Size: L 🛠️ Stack: Vue, Bootstrap, SAAS, Node.js, MongoDB
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
JavaScript CSS related posts
- Free Resources Every Web Developer Should Know About
- Optimize CSS with SAT Solving
- Creating Gradient Buttons with Animated Text using CSS
- CSS Maker
- 100+ FREE Resources Every Web Developer Must Try
- Build a Vite 5 backend integration with Flask
- Why is Prettier rock solid?
-
A note from our sponsor - SurveyJS
surveyjs.io | 19 Mar 2024
Index
What are some of the best open-source CSS projects in JavaScript? This list will help you:
Project | Stars | |
---|---|---|
1 | Bootstrap | 167,105 |
2 | 30-seconds-of-code | 118,511 |
3 | Web-Dev-For-Beginners | 80,814 |
4 | Font-Awesome | 72,890 |
5 | html5-boilerplate | 55,843 |
6 | anime.js | 48,426 |
7 | prettier | 47,949 |
8 | parcel | 43,040 |
9 | 30-Days-Of-JavaScript | 40,579 |
10 | Materialize | 38,861 |
11 | 30-Days-Of-React | 24,176 |
12 | Pure | 23,358 |
13 | scrollreveal | 22,036 |
14 | autoprefixer | 21,393 |
15 | emotion | 17,118 |
16 | tabler-icons | 17,040 |
17 | less.js | 16,985 |
18 | front-end-guide | 15,062 |
19 | bootswatch | 14,408 |
20 | amazeui | 13,476 |
21 | TW-Elements | 12,561 |
22 | bootstrap-table | 11,656 |
23 | Habitica | 11,306 |