Open-source CSS projects categorized as CSS | Edit details

Top 23 CSS CSS Projects

  • GitHub repo animate.css

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

    Project mention: I made this cool "Now Playing" widget for my stream :D | reddit.com/r/Twitch | 2022-01-16

    Additionally, I'm a big fan of Promises (or Promise-like structures like ReactiveX implementations), and not having a clear start and end points to animations seemed insane to me. The stuff I saw people doing with setTimeouts was horrible. Thankfully the CSS library I use (which is also used be StreamLabs' ChatBox btw) had a nice helper function in their docs to make Promises out of animations, and so that made it possible to reason about the state of everything while using async/await and avoid glitchy-ness.

  • GitHub repo normalize.css

    A modern alternative to CSS resets

    Project mention: SimpleCSS: A Classless CSS Framework | news.ycombinator.com | 2022-01-14
  • OPS

    OPS - Build and Run Open Source Unikernels. Quickly and easily build and deploy open source unikernels in tens of seconds. Deploy in any language to any cloud.

  • GitHub repo Bulma

    Modern CSS framework based on Flexbox

    Project mention: What is your data technology stack and how did you end up using these? | reddit.com/r/dataengineering | 2022-01-16

    Bulma is a very lightweight CSS framework. I mostly use it to handle layout without writing custom CSS. I can't show you visuals of our data catalog, sorry.

  • GitHub repo Hover

    A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS, Sass, and LESS.

    Project mention: Wordpress plugin sought for hover effects | reddit.com/r/Wordpress | 2021-12-09

    Use the collection of hover effects on this site and its Github repo.

  • GitHub repo You-Dont-Need-JavaScript

    CSS is powerful, you can do a lot of things without JS.

    Project mention: [AskJS] How long it took you to become a senior Javascript programmer ? or a fullstack engineer ? Why React as become the most popular framework in the industry ? | reddit.com/r/javascript | 2021-11-08
  • GitHub repo ratchet

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

    Project mention: CSS Deep | dev.to | 2021-02-26

    twbs/ratchet - Build mobile apps with simple HTML, CSS, and JavaScript components.

  • GitHub repo tachyons

    Functional css for humans

    Project mention: Tailwind CSS v3.0 | news.ycombinator.com | 2021-12-09

    Tailwind always looks like a cool evolution of Tachyons [0] to me (with a build step). On the other hand, tachyons is really simple, you just drop it into your project with no build required (or drop the sass in), and I've never really felt like it was missing any features I wanted.

    Has anyone used both seriously who can compare?

    [0]: https://tachyons.io/

  • SonarQube

    Static code analysis for 29 languages.. Your projects are multi-language. So is SonarQube analysis. Find Bugs, Vulnerabilities, Security Hotspots, and Code Smells so you can release quality code every time. Get started analyzing your projects today for free.

  • GitHub repo Spectre.css

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

    Project mention: Cross Platform Rust GUI Desktop Apps - Getting Started with Tauri & ReactJS | reddit.com/r/rust | 2022-01-15

    I used spectre CSS and it worked pretty well https://picturepan2.github.io/spectre/

  • GitHub repo photon

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

    Project mention: Request: Vue UI Frameworks for "desktop" style applications | reddit.com/r/vuejs | 2022-01-13

    Not things like https://buefy.org/ or https://next.antdv.com/ - but not things like http://photonkit.com/ either - it doesnt need to look "native"

  • GitHub repo GitHub-Dark

    :octocat: Dark GitHub style

    Project mention: Need some help to enable containers extention dark mode via css cause it's burning my eyes thnx | reddit.com/r/FirefoxCSS | 2021-06-30

    personally, I use dark reader for most websites. if it breaks (or doesn't look good on) a website that I use very frequently, I make my own stylesheet for the website. which is very time-consuming so it's not like I can do that willy-nilly. in some cases I can find an existing stylesheet that's better than dark reader. like for github I use github dark, which requires stylus. and if it's a website I don't use that frequently and darkreader makes it unusable, I just leave darkreader off. just suck it up and use the website in "light mode" for as little time as possible.

  • GitHub repo jupyter-themes

    Custom Jupyter Notebook Themes

    Project mention: A Simple Guide to an "Easy on the Eyes" Jupyter Notebook | dev.to | 2021-09-09

    I hope this helps you save some time from trying out all of these settings yourself, or at the very least gives you a solid visual option for working within a Jupyter Notebook for many hours at a time. However, I know that if you’re a developer, you’re probably going to want to try EVERY option at your disposal. If that’s your thing, check out the jupyterthemes documentation at https://github.com/dunovank/jupyter-themes to find your perfect settings.

  • GitHub repo hint.css

    A CSS only tooltip library for your lovely websites.

    Project mention: Hint.css: crea botones con infografías para tu sitio web | reddit.com/r/fazt | 2021-07-29
  • GitHub repo css.gg

    700+ Pure CSS, SVG & Figma UI Icons Available in SVG Sprite, styled-components, NPM & API

    Project mention: 25 CSS Tools/Resources That You Should Bookmark | dev.to | 2022-01-15
  • GitHub repo flag-icons

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

    Project mention: Bundle only used CSS classes and associated SVGs | reddit.com/r/laravel | 2022-01-05

    i use the Flag-Icons library in my Laravel-Project.

  • GitHub repo hamburgers

    Tasty CSS-animated Hamburgers

    Project mention: I found some funny things in the Official Eddsworld Website's Code | reddit.com/r/Eddsworld | 2022-01-07

    Here's some stuff I noticed: The preview image for Slippery Slope is just a screenshot The section where they normally put the weekly eddsworld comic is literally called "ComicContainer" The sort of "add section" below the content is literally called "bottom-part" The website's footer is called the "EddFooter" The text links (not in the navigation) supposedly have a slight glow around them They have a lot of css (style-ing code) for an unused menu asset (like the menus that you click and they expand). It even links to this website (https://jonsuh.com/hamburgers) that allows you to use the code.

  • GitHub repo 98.css

    A design system for building faithful recreations of old UIs

    Project mention: I modelled my portfolio website after Windows 95, built with VueJS and plenty of vanilla CSS. Link and repo in comments. | reddit.com/r/webdev | 2021-12-04
  • GitHub repo basscss

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

    Project mention: 18 Alternatives to Using Tailwind CSS: Do You Really Need It? | dev.to | 2021-05-08

    ✨ Tachyons 💥 Shed.css 🌟 Basscss ☄️ Expressive CSS

  • GitHub repo magic-of-css

    A CSS course to turn you into a magician.

    Project mention: Free Ebook & Courses for Frontend Devs | dev.to | 2021-12-24

    8. The Magic Of CSS

  • GitHub repo balloon.css

    Simple tooltips made of pure CSS

    Project mention: CSS Deep | dev.to | 2021-02-26

    kazzkiq/balloon.css - Simple tooltips made of pure CSS

  • GitHub repo sanitize.css

    A best-practices CSS foundation

    Project mention: 4 Awesome Tools That Help You To Manage You CSS Code Better | dev.to | 2021-04-19

    Sanitize.css Sanitize.css is a CSS library that provides consistent, cross-browser default styling of HTML elements alongside useful defaults. It is developed alongside normalize.css, which means every normalization is included, and every normalization and opinion are clearly marked and documented.

  • GitHub repo csshake

    CSS classes to move your DOM!

    Project mention: Top 10 Animation Libraries – (CSS + JavaScript ) | dev.to | 2021-06-16

    You could download the complete csshake.css file or separated files for each shake animation (i.e csshake-little.css). Each one expanded or minified.

  • GitHub repo awesome-css-frameworks

    List of awesome CSS frameworks in 2022

    Project mention: SimpleCSS: A Classless CSS Framework | news.ycombinator.com | 2022-01-14

    You can have a look at https://github.com/troxler/awesome-css-frameworks which is an extensive collection of CSS frameworks. Have a look at the "Class-less" section to checkout similar projects.

    There is also an open PR to add Simple.css to the list: https://github.com/troxler/awesome-css-frameworks/pull/85

  • GitHub repo css-animation-101

    Learn how to bring animation to your web projects

    Project mention: Free 500+ books and learning resources for every programmer. | dev.to | 2021-07-23

    CSS Animation 101

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

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 73,301
2 normalize.css 46,367
3 Bulma 44,895
4 Hover 25,770
5 You-Dont-Need-JavaScript 16,650
6 ratchet 14,480
7 tachyons 11,076
8 Spectre.css 10,947
9 photon 9,762
10 GitHub-Dark 9,475
11 jupyter-themes 8,913
12 hint.css 8,176
13 css.gg 8,101
14 flag-icons 8,032
15 hamburgers 6,534
16 98.css 6,308
17 basscss 5,671
18 magic-of-css 5,552
19 balloon.css 4,856
20 sanitize.css 4,686
21 csshake 4,565
22 awesome-css-frameworks 4,463
23 css-animation-101 4,234
Find remote CSS jobs at our new job board 99remotejobs.com. There is 1 new remote job listed recently.
Are you hiring? Post a new remote job listing for free.
Less time debugging, more time building
Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.