CSS Design

Open-source CSS projects categorized as Design
Edit details
Topics: CSS Frontend HTML design-systems Free
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.
www.influxdata.com
featured

Top 16 CSS Design Projects

  • Bulma

    Modern CSS framework based on Flexbox

    • Project mention: How to use Tailwind with any CSS framework | dev.to | 2024-04-17

    Tailwind is great, but creating everything from scratch is annoying. A nice base of components which can be extended with tailwind would be great. There are a few tailwind frameworks like Flowbite, Daisy Ui, but I like Bulma, PicoCSS and Bootstrap.

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

    InfluxDB logo

  • plex

    The package of IBM’s typeface, IBM Plex.

    • Project mention: Intel One Mono Typeface | news.ycombinator.com | 2023-05-12

    IBM arguably did one better with their IBM Plex typeface, released with much marketing fan fare a couple years ago: https://www.ibm.com/plex/

    https://github.com/IBM/plex

    Are there any notable examples of AI-generated mono-spaced programmer fonts?

  • magic-of-css

    A CSS course to turn you into a magician.

  • ui-buttons

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

    • Project mention: Helpful websites | /r/Wordpress | 2023-06-10

  • argon-design-system

    Argon - Design System for Bootstrap 4 by Creative Tim

  • webgradients

    A curated collection of splendid gradients made in CSS3, .sketch and .PSD formats.

  • SaaSHub

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

    SaaSHub logo

  • hugo-paper

    🪺 A simple, clean, customizable Hugo theme

  • modern-fluid-typography-editor

    Modern fluid typography editor

  • tachyons-verbose

    Functional CSS for humans. Verbose edition.

  • css-flags

    A collection of pure CSS flags, all single divs. (by dhanishgajjar)

  • ant-design-svelte

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

  • bulma-stylus

    A Stylus translation of a modern CSS framework based on Flexbox

  • Portfolio

    this is a Portfolio website (by Armanebtekari)

  • Darkrange-BetterDiscord-Theme

  • orincywhyte_frontendengineer

    A portfolio project by CodeCademy to showcase my Html, Css and JavaScript. Design and Code by me

  • SaaSHub

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

    SaaSHub logo
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).

CSS Design related posts

  • Bulma CSS is now 1.0.0

    1 project | news.ycombinator.com | 23 Mar 2024

  • Part 3: Templating HTML with Python, Jinja2 and serverless WebAssembly

    1 project | dev.to | 4 Jan 2024

  • Lalipo - spotify playlist generator

    2 projects | /r/selfhosted | 8 Nov 2023

  • Am I supposed to ignore these vulnerabilities?

    1 project | news.ycombinator.com | 21 Jul 2023

  • AdashimaaTube: Restore old YouTube layout with many customizable options

    1 project | news.ycombinator.com | 8 Jul 2023

  • Is there a way I can get the buttons on Youtube to look like the ones on the right image instead of the left image? Is there a script?

    1 project | /r/oldyoutubelayout | 4 Jul 2023

  • The thumbnails in the search are now way too big. Anyone has a fix for this on Chrome? (never gonna give you up)

    1 project | /r/youtube | 29 Jun 2023
  • A note from our sponsor - InfluxDB
    www.influxdata.com | 7 May 2024
    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. Learn more →

Index

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

Project Stars
1 Bulma 48,603
2 tachyons 11,587
3 plex 9,326
4 magic-of-css 6,568
5 ui-buttons 3,345
6 argon-design-system 2,464
7 webgradients 2,392
8 hugo-paper 1,979
9 modern-fluid-typography-editor 315
10 tachyons-verbose 107
11 css-flags 98
12 ant-design-svelte 93
13 bulma-stylus 30
14 Portfolio 7
15 Darkrange-BetterDiscord-Theme 1
16 orincywhyte_frontendengineer 1

Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com