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. Learn more →
Top 23 CSS Open-Source 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.
-
-
-
-
-
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.
-
-
html5-boilerplate
A professional front-end template for building fast, robust, and adaptable web apps or sites.
-
-
-
-
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
-
styled-components
Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅
-
-
novu
🔥 The open-source notification infrastructure with fully functional embedded notification center 🚀🚀🚀
-
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.
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
The team at Electron have been faithfully shipping new releases almost every single month. I think they had Christmas off 🤔. This popular framework has developers writing cross-platform desktop applications using JavaScript, HTML and CSS. The latest update depreciates some process events, and added new modules, APIs, methods, and more. Read into all the changes in the Electron release notes. This month, Electron also introduced a new formal RFC process.
Project mention: Add basic animations to your site using Animate.css and wow.js | dev.to | 2024-04-16Animate.css
With better CSS approaches like TailwindCSS and Vanilla Extract (which we're heavily using) it's much easier to maintain the UI and make sure it doesn't change unexpectedly. No more conflicting CSS classes, much less CSS specificity issues and much less CSS code in general.
Project mention: 18 Must-Bookmark GitHub Repositories Every Developer Should Know | dev.to | 2024-02-12
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.
Project mention: Is there some form of checklist when creating an optimal website? | /r/webdev | 2023-06-28Checklist
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: What is cross-browser compatibility, and why should you care? | dev.to | 2024-03-29You can also consider using stylesheets like Normalize.css, Eric Mayer's CSS reset rules to establish a baseline layout across browsers.
Anime.js is celebrated for its simplicity, speed, and versatility. This compact library simplifies the animation process, enabling developers to craft visually striking animations with minimal effort. Anime.js supports a wide array of effects like scaling, morphing, and rotating, offering developers the tools to create complex timelines and animations with ease.
Tailwind is great, but creating everything from scratch is annoying. A nice base of components which can be extended with tailwind would be great. There are a few tailwind frameworks like Flowbite, Daisy Ui, but I like Bulma, PicoCSS and Bootstrap.
If you're a developer, you're surely familiar with Prettier and ESLint. With over 8 years of existence, they have established themselves as references in the JavaScript ecosystem.
Homepage: https://parceljs.org/
I am using iTerm2 on my macOS. Other available options are Hyper and VS Code’s inbuilt terminal, which I sometimes use for quick tests. You can open a terminal in VS Code by using the keyboard shortcut CMD + J or CTRL + J on Windows, or View → Terminal.
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
In 2023, I had a chat with Max Stoiber, CEO of Stellate, on a podcast to learn about his early success on GitHub. His first open-source project, react-boilerplate/react-boilerplate, gained a whopping 10k stars in just one weekend after appearing on the homepage of Hacker News. This success led Max to drop out of university and create several other popular open-source projects, including styled-components. This library accelerates the process of building styles in React components.
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.
During my search for deploying Lambdas via GitHub actions, I came across a tutorial that utilized ncc for converting TypeScript and bundling. While ncc is effective, I discovered esbuild, which proved to be significantly faster and perfectly suited to my requirements.
This is a bug, PR welcome !
https://github.com/tabler/tabler/issues/1648
I'll guide you on how to swiftly build an In-App Notification system for your next app using Novu and the Dev.to API. While it might not exactly resemble the system mentioned above, it'll have many similarities.
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).
CSS related posts
- Help us invent CSS Grid Level 3, a.k.a. "Masonry" layout – WebKit
- Show HN: Tailwind Nested VSCode Extension
- I switch from Eslint to Biome
- Krazam OS
- React Native’s Flexbox: A Visual Guide
- Capacitor by Ionic – Cross-platform apps with web technology
- LittleLink: Lightweight self-hosted linktree alternative
-
A note from our sponsor - InfluxDB
www.influxdata.com | 23 Apr 2024
Index
What are some of the best open-source CSS projects? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | Bootstrap | 167,414 |
| 2 | 30-seconds-of-code | 119,033 |
| 3 | Electron | 111,866 |
| 4 | Web-Dev-For-Beginners | 81,368 |
| 5 | animate.css | 79,704 |
| 6 | Tailwind CSS | 78,166 |
| 7 | app-ideas | 74,797 |
| 8 | Font-Awesome | 72,999 |
| 9 | Front-End-Checklist | 67,407 |
| 10 | html5-boilerplate | 55,933 |
| 11 | normalize.css | 51,811 |
| 12 | anime.js | 48,643 |
| 13 | Bulma | 48,554 |
| 14 | prettier | 48,241 |
| 15 | parcel | 43,097 |
| 16 | hyperterm | 42,633 |
| 17 | 30-Days-Of-JavaScript | 40,847 |
| 18 | front-end-interview-handbook | 40,207 |
| 19 | styled-components | 40,061 |
| 20 | Materialize | 38,860 |
| 21 | esbuild | 37,249 |
| 22 | tabler | 36,909 |
| 23 | novu | 32,436 |
Sponsored
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.
www.influxdata.com