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. 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.
-
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.
-
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.
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: My Journey in Making "Coin Factory": A Web Game | /r/incremental_games | 2023-11-27
-
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.
-
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
-
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-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
-
-
Consider using CSS preprocessors like Sass or Less not only for better code organization but also for potential performance improvements.
-
Project mention: Why is does modern HTML/CSS seem so complex and convoluted? (details in comment) | /r/webdev | 2023-05-23
-
-
-
-
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/).
-
Stylus
-
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.
-
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.
-
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.
JavaScript CSS related posts
- Critical CSS and Next.js App Directory
- Flowbite v2.2.0: new number input components and improvements
- An Interactive Guide to CSS Grid
- HTML Web Components: An Example
- IWTL coding
- First Attempt at Open Source Contribution: Hacktoberfest'23🚀💻
- Enhancing User Experience: Creating Custom Checkboxes with Tailwind CSS and React
-
A note from our sponsor - InfluxDB
www.influxdata.com | 2 Dec 2023
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 |