Top 23 CSS Frontend Projects

Frontend

• Add a project

1. tachyons

   1 42 11,667 7.6 CSS

   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

   www.influxdata.com featured

   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.

   

3. ui-buttons

   2 5 3,536 -33.8 CSS

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

   

4. rfs

   3 7 3,351 4.6 CSS

   ✩ Automates responsive resizing ✩

   

5. bttn.css

   4 1 2,059 0.0 CSS

   Awesome buttons for awesome projects!

   

6. sierra

   5 1 859 0.0 CSS

   Sierra SCSS library

   

7. Markdown-Tag

   6 31 435 0.0 CSS

   Render Markdown to HTML on any website using a md tag

   

8. modern-fluid-typography-editor

   7 2 347 0.0 CSS

   Modern fluid typography editor

   

9. SaaSHub

   www.saashub.com featured

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

   

10. Trig.js

    8 22 141 6.8 CSS

    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

    9 1 108 4.3 CSS

    Functional CSS for humans. Verbose edition.

    

12. ant-design-svelte

    10 1 98 0.0 CSS

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

    

13. CSS-Image-Loader

    11 7 23 0.7 CSS

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

    

14. front-end-projects

    12 1 22 1.8 CSS

    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

    13 2 17 5.4 CSS

    This project brings DataTable into your Svelte applications.

    

16. react-enterprise-boilerplate

    14 2 13 3.3 CSS

    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

    15 3 10 0.0 CSS

    Open edX Theme Powered by TailwindCSS (by cubitetech)

    

18. web-dev-practice

    16 1 9 0.0 CSS

    Projects for web-dev practice

    

19. tfs-base

    17 1 1 7.3 CSS

    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

    18 7 1 0.0 CSS

    

21. questingbeast

    19 1 0 4.9 CSS

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

    

22. Frontend-Challenge-v.24.04.17

    20 1 0 6.1 CSS

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

    

23. BMI-Calculator

    21 2 0 5.0 CSS

    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

    22 1 0 2.5 CSS

    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

    23 1 0 0.0 CSS

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

    

26. SaaSHub

    www.saashub.com featured

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

    

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

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

Do not miss the trending CSS projects with our weekly report!