Design systems

Interesting design systems

    ​Chakra UI - Simple, Modular & Accessible UI Components for your React Applications. (HN) (Docs) (Web) (The road to Chakra 1.0 and all about Chakra UI) (Awesome Chakra UI)
    ​Basis (Code)
    ​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. (Beta) (Code)
    ​Reach UI - Accessible Foundation for React Apps and Design Systems. (Docs)
    ​Latitude - Design guidelines, component documentation, styling instructions, and resources for building interfaces with Flexport’s design system. (HN) (Code)
    ​Vercel​
    ​Primer - Design, build, and create with GitHub’s design system. (Team) (Code)
    ​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)
    ​Radix UI - Open-source UI component library for building high-quality, accessible design systems and web apps. (Code) (Docs Code)
    ​Tailwind UI - Beautiful UI components, crafted by the creators of Tailwind CSS. (HN) (HN 2)
    ​Carbon - Design system built by IBM. (Web)
    ​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) (Version 3) (HN) (React Spectrum Libraries) (Docs)
    ​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.
    ​UIkit - Lightweight and modular front-end framework for developing fast and powerful web interfaces.
    ​SHAPER - Interface styles shaper. (Code)
    ​FAST - Adaptive interface system for modern web experiences. (Docs) (HN)
    ​UI Playbook - Documented collection of UI components. (Code)
    ​Dracula UI - Dark-first collection of UI patterns and components.
    ​Dripsy - Responsive, theme-based design system for Expo + React Native Web.
    ​Storybook Design System - Codifies existing UI components into a central, well-maintained repository.
    ​Geist - Modern and minimalist React UI library, originating from Vercel's design. (Docs)
    ​Arcade Design - React components you need in all your projects to focus on solving the problems and launch faster.
    ​ui-neumorphism - React component library designed on the "new skeuomorphism" or "neumorphism" UI/UX trend.
    ​Forma 36 - Contentful Design System. (Code)
    ​Blueprint - React-based UI toolkit for the web. (Code)
    ​Qui - Vue.js design-system for Web.
    ​React Suite - Suite of React components, sensible UI design, and a friendly development experience. (Code)
    ​Ant Design - World's second most popular React UI framework. (Code)
    ​aragonUI - UI kit for decentralized apps. (Code)
    ​Material You - Next stage for Material Design. (HN)
    ​Gestalt - Set of React UI components that enforces Pinterest’s design language. (Web)
    ​Woly UI Dev Kit - Modular design-system to build flexible UI.
    ​Prisma Lens - Design System, Guidelines and Component Library for the family of Prisma projects and products. (Web)
    ​AWS UI Components​
    ​Amsterdam Styled Components (ASC) - Component Library based on Amsterdam Design System.
    ​Paste - Design System for building Twilio customer experiences. (Code)
    ​Atomize Code - UI Design System for React JS. (Web)
    ​doc-blocks - Design system for doc-blocks UI components, built on @design-systems/cli.
    ​NativeBase - Mobile-first, accessible component library for building a consistent design system across android, iOS & web. (Web)
    ​Plasma UI - ΠŸΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ‚ Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒ Canvas App ΠΊΠ°ΠΊ Ρ‡Π°ΡΡ‚ΡŒ экосистСмы Π²ΠΈΡ€Ρ‚ΡƒΠ°Π»ΡŒΠ½Ρ‹Ρ… ассистСнтов сСмСйства "Π‘Π°Π»ΡŽΡ‚". (Code)

Notes

Links

Last modified 4d ago