CSS CSS

Open-source CSS projects categorized as CSS

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: Top 10 Animation Libraries – (CSS + JavaScript ) | dev.to | 2021-06-16

    You can easily download it from here .

  • GitHub repo normalize.css

    A modern alternative to CSS resets

    Project mention: Personal preferences on using CSS libraries or writing your own | reddit.com/r/webdev | 2021-06-18

    Okay, so basically I am just out looking at what other developers do to get some of my own inspiration on how to proceed with my project. As of now, I am using some CSS libraries like normalize.css and flexboxgrid just to get some sense of structure on my design. I have looked at tailwindcss as an alternative too instead of writing most of the CSS myself. I know there are both up/downsides to both. But looking for other peoples opinions on this matter. To be a bit more specific, what I am working with is a Laravel backend with VueJS in the front. I saw earlier today that one should get the design done first, before scratching the backend, so that is basically what I am trying to do right now.

  • GitHub repo Bulma

    Modern CSS framework based on Flexbox

    Project mention: Shiny Apps with Docker Compose, Part 1: Development | dev.to | 2021-06-17

    In this post, you will learn how to use Docker Compose to simplify the management of deploying and updating multiple Shiny apps and a proxy server. We will also spend some time making the home page prettier using the Bulma CSS and the Vue JavaScript library.

  • 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: CSS Deep | dev.to | 2021-02-26

    IanLunn/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.

  • 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: 18 Alternatives to Using Tailwind CSS: Do You Really Need It? | dev.to | 2021-05-08

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

  • GitHub repo Spectre.css

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

    Project mention: An Overview of My Sinatra Project for Flatiron | dev.to | 2021-05-01

    In order to pass the Sinatra project lab, all functionality listed in the requirements must be present - but this still leaves a lot of room for improvement. Specifically when it comes to application design. CRUD Pokedex is styled using a very basic CSS framework called Spectre.css, but it needs to be polished to achieve a more cohesive, professional look.

  • 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: Microsoft in Talks to Buy Discord for More Than $10 Billion | reddit.com/r/pcgaming | 2021-03-23

    It doesn't have to be automated. You can use user style extensions to inject css made for the website. Like this https://github.com/StylishThemes/GitHub-Dark performance is pretty much identical to native and I still use it because the theme is better than the default dark theme.

  • GitHub repo jupyter-themes

    Custom Jupyter Notebook Themes

    Project mention: A look the new pattern matching in Python 3.10.0a6 | reddit.com/r/Python | 2021-03-08

    It's regular Jupyter with https://github.com/dunovank/jupyter-themes (the grade3 theme).

  • GitHub repo hint.css

    A CSS only tooltip library for your lovely websites.

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

    chinchang/hint.css - A CSS only tooltip library for your lovely websites.

  • GitHub repo css.gg

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

    Project mention: CSS.GG - 2.0 - 700 UI Icons in CSS, SVG & Figma | reddit.com/r/FigmaDesign | 2021-04-24
  • 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: The Browser – WorldWideWeb Next Application | news.ycombinator.com | 2021-04-03

    What's this? Some sort of 98.css[0] type thing that mimics an oldskool browser's UI? Because the site is vague on what the UI elements are supposed to be for.

    [0] hhttps://jdan.github.io/98.css/

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

    Modern framework to print the web correctly.                                                (by BafS)

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

    BafS/Gutenberg - Modern framework to print the web correctly.

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

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

    Project mention: The Ultimate Eleventy Template for your blog with a FREE minimalist theme [Open Source] | dev.to | 2021-05-27

    ☕ Minify HTML & CSS with HTMLMinifier and cssnano

  • GitHub repo CrookedStyleSheets

    Webpage tracking only using CSS (and no JS)

    Project mention: Blocking tracking of cursor movement | reddit.com/r/privacy | 2021-04-02
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-06-18.

Index

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

Project Stars
1 animate.css 71,175
2 normalize.css 44,074
3 Bulma 43,685
4 Hover 24,322
5 You-Dont-Need-JavaScript 15,519
6 ratchet 14,463
7 tachyons 10,801
8 Spectre.css 10,791
9 photon 9,647
10 GitHub-Dark 9,492
11 jupyter-themes 8,523
12 hint.css 8,032
13 css.gg 7,578
14 hamburgers 6,369
15 98.css 5,957
16 basscss 5,624
17 balloon.css 4,797
18 sanitize.css 4,486
19 csshake 4,402
20 Gutenberg 4,366
21 awesome-css-frameworks 4,065
22 cssnano 3,845
23 CrookedStyleSheets 3,270