Open-source CSS projects categorized as CSS

Top 23 CSS CSS Projects

  • animate.css

    🍿 A cross-browser library of CSS animations. As easy to use as an easy thing.

    Project mention: Using the View Transitions API with Astro | dev.to | 2023-10-26

    Now, the content slide animation will come in later, as shown below: How about creating an altogether custom animation? Let’s make a bounce animation.

  • normalize.css

    A modern alternative to CSS resets

    Project mention: An Introduction to the Vision Board Project | dev.to | 2024-02-07

    ==> Click here to get the code from necolas.github.io!

  • WorkOS

    The modern API for authentication & user identity. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

  • Bulma

    Modern CSS framework based on Flexbox

    Project mention: Arqueología Tech: Roleplay un juego de cartas hecho en Visual Basic 6 | dev.to | 2024-02-21
  • iCSS

    不止于 CSS

  • ratchet

    Build mobile apps with simple HTML, CSS, and JavaScript components.

  • pico

    Minimal CSS Framework for semantic HTML

    Project mention: Concrete.css | news.ycombinator.com | 2024-02-08

    Modern CSS stylesheets include configurability via CSS variables on the root element so maybe that's where the "framework" comes from.

    Also note: This project looks like an even more minimized version of PicoCSS [1]

    [1] https://picocss.com/

  • tachyons

    Functional css for humans

    Project mention: Kicking the tires with NestJS and Hotwire: Part II | dev.to | 2023-11-15

    I chose Tachyons over Tailwind because Tachyons is an atomic CSS framework, similar to Tailwind, however it's much lighter weight. Tailwind tends to be a bit heavier without using post CSS processing so I wanted to stick with something smaller.

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

  • Spectre.css

    Spectre.css - A Lightweight, Responsive and Modern CSS Framework

  • flag-icons

    :flags: A curated collection of all country flags in SVG — plus the CSS for easier integration

    Project mention: Displaying Country Flags in React: Emojis vs SVG | dev.to | 2023-09-06

    The CountryFlag component receives the same code property as our emoji component. Yet, it also accepts an optional path to hosted SVG files. I employ a NextJS app, therefore I store all flags in /images/flags within the public folder. I located these flags in the flag-icons GitHub repo and copied them to my project.

  • photon

    The fastest way to build beautiful Electron apps using simple HTML and CSS

  • jupyter-themes

    Custom Jupyter Notebook Themes

    Project mention: Jupyter Notebook | /r/learnpython | 2023-04-03
  • GitHub-Dark

    :octocat: Dark GitHub style

  • 98.css

    A design system for building faithful recreations of old UIs

    Project mention: Show HN: React95 – a React components library recreating the look of Windows 95 | news.ycombinator.com | 2023-07-09

    I collect niche Operating System CSS!

      - [98.css](https://github.com/jdan/98.css): A Windows 98 inspired framework for building faithful recreations of old UIs.

  • hint.css

    A CSS only tooltip library for your lovely websites.

    Project mention: Japanese Hover Over | /r/Anki | 2023-10-15

    For example: https://kushagra.dev/lab/hint/ {{Front}} Type the above content into the card template. Place the cursor over the text in the "Front" field and the contents of the "Back" field will appear.

  • awesome-css-frameworks

    List of awesome CSS frameworks in 2024

    Project mention: I hate CSS: how can I build UIs? | news.ycombinator.com | 2023-11-05

    Agreed, find a class-less framework to start, so that you focus on just the HTML, semantic structure first. Here's a couple of lists of such frameworks:



    Personally, I like simple.css (https://github.com/kevquirk/simple.css)

  • magic-of-css

    A CSS course to turn you into a magician.

    Project mention: The Magic of CSS | news.ycombinator.com | 2023-04-06
  • basscss

    Low-level CSS Toolkit – the original Functional/Utility/Atomic CSS library

  • sanitize.css

    A best-practices CSS foundation

  • You-need-to-know-css

    💄CSS tricks for web developers~

  • balloon.css

    Simple tooltips made of pure CSS

  • pokemon-cards-css

    A collection of advanced CSS styles to create realistic-looking effects for the faces of Pokemon cards.

  • css-animation-101

    Learn how to bring animation to your web projects

    Project mention: 21 Resources to Learn And Practice Your CSS Skills | dev.to | 2023-12-26

    CSS Animation Rocks offers tutorials and examples for learning CSS animations. You can improve your websites’ looks with smooth and engaging animations using this valuable resource.

  • cssnano

    A modular minifier, built on top of the PostCSS ecosystem.

    Project mention: Beyond the Basics: Exploring TailwindCSS and Linaria in Next.js - From Installation to Performance Optimization | dev.to | 2023-12-25

    Since Tailwind is a PostCSS plugin, we can also add cssnano plugin to compress the bundle.

  • Onboard AI

    ChatGPT with full context of any GitHub repo. 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 app.getonboardai.com.

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). The latest post mention was on 2024-02-21.

CSS CSS related posts


What are some of the best open-source CSS projects in CSS? This list will help you:

Project Stars
1 animate.css 79,426
2 normalize.css 51,561
3 Bulma 47,937
4 iCSS 18,364
5 ratchet 14,586
6 pico 11,604
7 tachyons 11,547
8 Spectre.css 11,265
9 flag-icons 10,053
10 photon 9,979
11 jupyter-themes 9,699
12 GitHub-Dark 9,597
13 98.css 8,446
14 hint.css 8,399
15 awesome-css-frameworks 7,042
16 magic-of-css 6,453
17 basscss 5,814
18 sanitize.css 5,136
19 You-need-to-know-css 5,084
20 balloon.css 5,019
21 pokemon-cards-css 4,898
22 css-animation-101 4,687
23 cssnano 4,596
ChatGPT with full context of any GitHub repo.
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 app.getonboardai.com.