CSS design-system

Open-source CSS projects categorized as design-system
Edit details
CSS Frontend Design React Free
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com
sponsored

Top 11 CSS design-system Projects

CSS logo
design-system

  1. 98.css

    A design system for building faithful recreations of old UIs

    Project mention: A browser-native classic Visual Basic VB6 IDE | news.ycombinator.com | 2026-10-05

    > border-color: var(--vb-light) var(--vb-dark) var(--vb-dark) var(--vb-light);

    This creates 45 degree corners. Feel free to lift any CSS you need from https://jdan.github.io/98.css/, it's MIT licensed. I used a box-shadow hack to get the "staircase" look [0]

    > box-shadow: inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px grey,inset 2px 2px #dfdfdf

    0: https://notes.jordanscales.com/98-css-reflections#when-butto...

  2. AppSignal

    AppSignal knows why the f*#k it crashed. Stop vibe-debugging. Every exception, every backtrace, grouped so you see patterns, not noise.

    AppSignal logo

  3. basscss

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

  4. system.css

    A design system for building retro Apple interfaces

    Project mention: 98.css | news.ycombinator.com | 2026-07-23

  5. ui-buttons

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

  6. argon-design-system

    Argon - Design System for Bootstrap 4 by Creative Tim

  7. rippleui

    Clean, modern and beautiful Tailwind CSS components.

  8. Orange-Boosted-Bootstrap

    OUDS Web is an accessible, ergonomic and Orange branded framework based on Orange Unified Design System and Bootstrap

  9. SaaSHub

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

    SaaSHub logo

  10. aegov-dls

    The UAE Design System version 3.0 presents a manual for federal government entities (FGEs) of the United Arab Emirates to plan and arrange content on their websites with simplicity and creativity.

    Project mention: RTL UI design for Arabic apps: a guide for UAE teams | dev.to | 2026-10-06

    TDRA, UAE Design System pages and repository (version 3.0), read 2 October 2026: designsystem.gov.ae, designsystem.gov.ae, designsystem.gov.ae, designsystem.gov.ae, github.com

  11. vanilla-css-design-system

    Purely Vanilla: A Minimalist CSS Design System (no SCSS or JavaScript needed)

  12. Frutjam

    CSS-only component library for Tailwind CSS v4. 65+ components, zero JavaScript, WCAG AA contrast on every theme, RTL built in.

    Project mention: Show HN: Frutjam – 65 accessible UI components in pure CSS, no JavaScript | news.ycombinator.com | 2026-10-06

  13. spinwheel

    The vanilla Javascript game to help you stay mildly fit.

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-system discussion

Log in or Post with

CSS design-system related posts

Index

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

# Project Stars
1 98.css 11,476
2 basscss 5,896
3 system.css 3,863
4 ui-buttons 3,853
5 argon-design-system 2,475
6 rippleui 1,044
7 Orange-Boosted-Bootstrap 222
8 aegov-dls 62
9 vanilla-css-design-system 44
10 Frutjam 14
11 spinwheel 0

Sponsored
AppSignal knows why the f*#k it crashed.
Stop vibe-debugging. Every exception, every backtrace, grouped so you see patterns, not noise.
www.appsignal.com

Did you know that CSS is
the 20th most popular programming language
based on number of references?

Loading...