InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now. Learn more →
Top 23 CSS Frontend Projects
-
But in this example we will take a preset with Tachyons, a once popular library. But here the naming is even more deplorable:
-
InfluxDB
InfluxDB – Built for High-Performance Time Series Workloads. InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.
-
-
-
-
-
-
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
-
Trig.js
Trig.js powers dynamic, CSS-driven animate-on-scroll effects using CSS variables and element position data, making AOS effortless. Create custom animations in CSS or use trig-animations.css for ready-made effects—full control or quick setup. Perfect for storytelling websites.
Project mention: 🚀 Enhancing Scroll Animations with Trig.js: New Features in v4.1.0 and v4.2.0 | dev.to | 2025-03-31Trig.js is open-source and welcomes contributions from the community. Explore the GitHub repository to access documentation, report issues, and contribute to the project's growth.
-
-
-
CSS-Image-Loader
Add a image loader & image load error (without adding an HTML element or using JS).
-
front-end-projects
I will try to complete 50 projects by the end of 2021. In this repository, I will add each project with code and also host them with help of Github pages.
-
-
react-enterprise-boilerplate
React Enterprise Boilerplate is a starter template for building scalable and maintainable React applications for enterprise-level projects. This boilerplate provides a well-organized and optimized project structure with pre-configured tools.
-
-
-
BaseCSS
-
-
Frontend-Challenge-v.24.04.17
This is a submission for Frontend Challenge v24.04.17, CSS Art: Earth Day.
-
BMI-Calculator
The BMI Calculator allows users to input their weight and height, calculates their BMI, and then provides a category (e.g., Underweight, Normal weight, Overweight, Obesity) based on the calculated value.
View Code
-
Emotional-Landscape-of-December
Emotional CSS art that captures the essence of December through abstract representations.
Project mention: Painting Feelings with Code: A Dive into December's Spirit with CSS Art | dev.to | 2024-12-17You can access the source code here.
-
order-summary-component
A challenge from FrontEnd Mentor to create an order summary component with some really cool design principles.
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
CSS Frontend discussion
CSS Frontend related posts
-
A formula for responsive font-size
-
Helpful websites
-
How do I create this curved purple background?
-
Ultimate Guide to React Folder Structure for Enterprise-Level Applications.
-
I am interested in learning responsive design without the use of media query breakpoints. What is the term for this? Is it fluid design or something? Could you suggest some resources?
-
Is this possible in Sass ?
-
How can I make font-size dynamic?
-
A note from our sponsor - InfluxDB
www.influxdata.com | 16 Jun 2025
Index
What are some of the best open-source Frontend projects in CSS? This list will help you:
# | Project | Stars |
---|---|---|
1 | tachyons | 11,667 |
2 | ui-buttons | 3,536 |
3 | rfs | 3,351 |
4 | bttn.css | 2,059 |
5 | sierra | 859 |
6 | Markdown-Tag | 435 |
7 | modern-fluid-typography-editor | 347 |
8 | Trig.js | 141 |
9 | tachyons-verbose | 108 |
10 | ant-design-svelte | 98 |
11 | CSS-Image-Loader | 23 |
12 | front-end-projects | 22 |
13 | svelte-datatables | 17 |
14 | react-enterprise-boilerplate | 13 |
15 | theme | 10 |
16 | web-dev-practice | 9 |
17 | tfs-base | 1 |
18 | Rock-paper-scissor-game | 1 |
19 | questingbeast | 0 |
20 | Frontend-Challenge-v.24.04.17 | 0 |
21 | BMI-Calculator | 0 |
22 | Emotional-Landscape-of-December | 0 |
23 | order-summary-component | 0 |