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: Turning a React app into a PWA with offline detection, service workers and theming. | dev.to | 2021-10-13

    Next, we're making it a bit more shiny with animation! I've used animate.css to make the bubble slide in and out of the screen. It provides us some animation classnames we can use.

  • GitHub repo normalize.css

    A modern alternative to CSS resets

    Project mention: Bootstrap and Css | reddit.com/r/web_design | 2021-10-15

    Look at https://necolas.github.io/normalize.css/ and understand what problem that solved.

  • Scout APM

    Scout APM: A developer's best friend. Try free for 14-days. Scout APM uses tracing logic that ties bottlenecks to source code so you know the exact line of code causing performance issues and can get back to building a great product faster.

  • GitHub repo Bulma

    Modern CSS framework based on Flexbox

    Project mention: Styling frameworks ? | reddit.com/r/codeigniter | 2021-10-10

    There are a lot of CSS frameworks. Example: https://bulma.io/

  • 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: 5 GitHub repositories that can help you in writing better CSS code | dev.to | 2021-09-26
  • GitHub repo You-Dont-Need-JavaScript

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

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

    you-dont-need/You-Dont-Need-JavaScript - CSS is powerful, you can do a lot of things without JS.

  • 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: How to build an e-commerce site with Vue.js, Cloudinary and Auth0 | dev.to | 2021-10-17

    The CSS framework to be used in this project is Tachyons CSS. Install it by running npm install tachyons --save-dev in the terminal. Afterwards, make it globally available for usage in the project by adding the line below in our main.js:

  • Nanos

    Run Linux Software Faster and Safer than Linux with Unikernels.

  • GitHub repo Spectre.css

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

    Project mention: 23 Responsive And Lightweight CSS Frameworks | dev.to | 2021-07-27

    Spectre.css is among the best lightweight CSS frameworks for the rapid and extensible development of websites. It is not only lightweight but also a responsive framework. All sets of modules are packed in 10kb gzipped. It is flexbox-based, gracefully designed, and has advanced elements and components.

  • GitHub repo photon

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

    Project mention: [Unpopular opinion] Firefox 89 has awesome theme | reddit.com/r/firefox | 2021-06-01

    lol I thought you were referring to Photon 😛

  • 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: Web Development Resources series! Part -2 | dev.to | 2021-10-05

    👉 css.gg

  • GitHub repo hamburgers

    Tasty CSS-animated Hamburgers

    Project mention: 25+ Awesome CSS Code Generators For Your Next Project | dev.to | 2021-04-29

    The below website contain CSS code for various hamburger animations. 1 .Hamburgers

  • GitHub repo 98.css

    A design system for building faithful recreations of old UIs

    Project mention: A CSS framework to recreate Windows 7 GUI. Accessible, semantic | news.ycombinator.com | 2021-08-28
  • 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: 5 GitHub repositories that can help you in writing better CSS code | dev.to | 2021-09-26
  • GitHub repo windows11

    windows 11 in React 💻🌈⚡

    Project mention: Curious to know how brand new Win 11 looks? Try it in web based app first! | reddit.com/r/sitesyoushouldknow | 2021-10-14
  • 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

    Project mention: The best classless CSS frameworks in 2021 | dev.to | 2021-03-08

    troxler-awesome-css-frameworks: List of awesome CSS frameworks

  • 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 2021-10-17.


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

Project Stars
1 animate.css 72,455
2 normalize.css 45,592
3 Bulma 44,377
4 Hover 25,527
5 You-Dont-Need-JavaScript 15,954
6 ratchet 14,474
7 tachyons 10,937
8 Spectre.css 10,891
9 photon 9,742
10 GitHub-Dark 9,491
11 jupyter-themes 8,773
12 hint.css 8,129
13 css.gg 7,868
14 hamburgers 6,485
15 98.css 6,168
16 basscss 5,655
17 magic-of-css 5,519
18 windows11 4,960
19 balloon.css 4,838
20 sanitize.css 4,610
21 csshake 4,457
22 awesome-css-frameworks 4,261
23 css-animation-101 4,229
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.
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives