CSS Frontend

Open-source CSS projects categorized as Frontend

Top 23 CSS Frontend Projects

  1. tachyons

    Functional css for humans

    Project mention: Atomic CSS Deep Dive | dev.to | 2024-08-09

    But in this example we will take a preset with Tachyons, a once popular library. But here the naming is even more deplorable:

  2. 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.

    InfluxDB logo
  3. ui-buttons

    100 Modern CSS Buttons. Every style that you can imagine.

  4. rfs

    ✩ Automates responsive resizing ✩

  5. bttn.css

    Awesome buttons for awesome projects!

  6. sierra

    Sierra SCSS library

  7. Markdown-Tag

    Render Markdown to HTML on any website using a md tag

  8. modern-fluid-typography-editor

    Modern fluid typography editor

  9. SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
  10. 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-31

    Trig.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.

  11. tachyons-verbose

    Functional CSS for humans. Verbose edition.

  12. ant-design-svelte

    An enterprise-class UI design language and Svelte-based implementation 🐜

  13. CSS-Image-Loader

    Add a image loader & image load error (without adding an HTML element or using JS).

  14. 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.

  15. svelte-datatables

    This project brings DataTable into your Svelte applications.

  16. 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.

  17. theme

    Open edX Theme Powered by TailwindCSS (by cubitetech)

  18. web-dev-practice

    Projects for web-dev practice

  19. tfs-base

    BaseCSS: A minimal, flexible CSS library for fast and responsive web design.

    Project mention: Retro’ing and Debugging 2024 | dev.to | 2025-02-02

    BaseCSS

  20. Rock-paper-scissor-game

  21. questingbeast

    Finally answering the question "What does Questing Beast do?"

  22. Frontend-Challenge-v.24.04.17

    This is a submission for Frontend Challenge v24.04.17, CSS Art: Earth Day.

  23. 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.

    Project mention: HTML, CSS, and JavaScript Projects | dev.to | 2024-09-03

    View Code

  24. 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-17

    You can access the source code here.

  25. order-summary-component

    A challenge from FrontEnd Mentor to create an order summary component with some really cool design principles.

  26. SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
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 Frontend discussion

Log in or Post with

CSS Frontend related posts

  • A formula for responsive font-size

    1 project | news.ycombinator.com | 12 Mar 2024
  • Helpful websites

    1 project | /r/Wordpress | 10 Jun 2023
  • How do I create this curved purple background?

    1 project | /r/webdev | 20 Apr 2023
  • Ultimate Guide to React Folder Structure for Enterprise-Level Applications.

    1 project | /r/u_harshalingole | 7 Apr 2023
  • 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?

    1 project | /r/web_design | 5 Mar 2023
  • Is this possible in Sass ?

    1 project | /r/webdev | 4 Mar 2023
  • How can I make font-size dynamic?

    1 project | /r/css | 8 Aug 2022
  • A note from our sponsor - InfluxDB
    www.influxdata.com | 16 Jun 2025
    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 →

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

Sponsored
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.
www.influxdata.com

Did you know that CSS is
the 17th most popular programming language
based on number of references?