Design systems

Interesting design systems

  • ​Styled system - Style props for rapid UI development.

  • ​Base Web - React Component library implementing the Base design language. (Code) (Figma)

  • ​Grommet - React-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package.

  • ​smooth UI - Modern React UI library.

  • ​Orbit - Open source design system for your next travel project.

  • ​Chakra UI - Simple, Modular & Accessible UI Components for your React Applications.

  • ​Reach UI - Accessible Foundation for React Apps and Design Systems.

  • ​Latitude - Design guidelines, component documentation, styling instructions, and resources for building interfaces with Flexport’s design system. (HN) (OSS)

  • ​Vercel​

  • ​Primer - Design, build, and create with GitHub’s design system. (Team)

  • ​Fannypack - Friendly, themeable, accessible React UI Kit built with Reakit.

  • ​Braid - Themeable design system for the SEEK Group.

  • ​Lunar - React toolkit and design language for Airbnb open source and internal projects.

  • ​Welcome UI​

  • ​Ring UI - JetBrains Web UI components. (Code)

  • ​Classy-UI - Atomic design system inspired by the wonderful Tailwindcss. (Code)

  • ​Radix - Design System and Component Library for Modulz. (Code)

  • ​Tailwind UI - Beautiful UI components, crafted by the creators of Tailwind CSS. (HN) (HN 2)

  • ​Carbon - Design system built by IBM.

  • ​React Zeit Design​

  • ​Fluent UI React - Set of React components for building Microsoft web experiences. (Figma) (Web)

  • ​Operational UI Components - Contains simple, stateless UI building blocks - your typical input fields, buttons, cards, grids, and so on.

  • ​react-ui - Customisable components and primitives based on design tokens.

  • ​Spectrum - Adobe’s design system. (Code)

  • ​Stacks - Stack Overflow’s Design System. (Code)

  • ​Elastic UI framework - Design library in use at Elastic to build internal products. (Code)

  • ​gov.uk - Design your service using GOV.UK styles, components and patterns.

  • ​Radius - Design System Accelerator. (Code)

  • ​98.css - Design system for building faithful recreations of old UIs. (Code) (HN)

  • ​Circuit UI - Design system & component library for SumUp web apps. (Code)

  • ​Palette - Artsy's design system. (Code)

  • ​VKUI - VK design system.

Links