design-system

There are 2351 repositories under design-system topic.

  • vue-design-system

    An open source tool for building UI Design Systems with Vue.js

    Language:JavaScript2.2k
  • chakra-ui-vue

    chakra-ui-vue

    ⚡️ Build scalable and accessible Vue.js applications with ease.

    Language:JavaScript1.9k
  • atomize

    Design System for developers build on styled-components & React JS.

    Language:JavaScript1.7k
  • shards-dashboard-react

    ⚛️A free and beautiful React admin dashboard template pack.

    Language:JavaScript1.7k
  • gluestack-ui

    React & React Native Components & Patterns (import from library & copy-paste styles all the way to victory)

    Language:TypeScript1.7k
  • braid-design-system

    Themeable design system for the SEEK Group

    Language:TypeScript1.5k
  • community-group

    This is the official DTCG repository for the design tokens specification.

    Language:HTML1.5k
  • catalog

    catalog

    The Magic Patterns Catalog is an open-source website that lists the most popular React component libraries, helping you find the perfect component.

    Language:TypeScript1.4k
  • orbit

    React components of open-source Orbit design system by Kiwi.com

    Language:TypeScript1.4k
  • colors

    A gorgeous, accessible color system.

    Language:TypeScript1.3k
  • stylable

    Stylable - CSS for components

    Language:TypeScript1.3k
  • baklava

    Baklava is a design system provided by Trendyol to create a consistent UI/UX for app users.

    Language:TypeScript1.2k
  • saas-ui

    saas-ui

    The React component library for startups, built with Chakra UI.

    Language:TypeScript1.2k
  • react-native-magnus

    A Utility-First React Native UI Framework 🚀🧩

    Language:TypeScript1.2k
  • codyhouse-framework

    A lightweight front-end framework for building accessible, bespoke interfaces.

    Language:CSS1.2k
  • spectrum-css

    The standard CSS implementation of the Spectrum design language.

    Language:CSS1.2k
  • Awesome-Design-Tokens

    A list of resources on all things to do with Design Tokens

  • kobalte

    A UI toolkit for building accessible web apps and design systems with SolidJS.

    Language:TypeScript1.1k
  • matter

    matter

    Material Design Components in Pure CSS. Materializing HTML at just one class per component 🍰

    Language:JavaScript1.1k
  • vuedarkmode

    👩‍🎨👨‍🎨 A minimalist dark design system for Vue.js. Based components designed for the insomniacs who enjoy dark interfaces as much as we do.

    Language:Vue1.1k
  • community-platform

    A platform to build useful communities that aim to tackle global problems

    Language:TypeScript1.1k
  • franken-ui

    Franken UI is an HTML-first, open-source library of UI components that works as a standalone or as a Tailwind CSS plugin. It is compatible with UIkit 3. The design is influenced by shadcn/ui.

    Language:TypeScript1k
  • Design-Resources

    A curated list of design resources from design templates, stock photos, icons, colors, and much more.

  • beercss

    Build material design interfaces in record time... without stress for devs... 🍺💛

    Language:Vue989
  • design-tokens

    🎨 Figma plugin to export design tokens to json in an amazon style dictionary compatible format.

    Language:TypeScript914
  • eva

    :dizzy:Customizable Design System easily adaptable to your Brand.

    Language:TypeScript896
  • circuit-ui

    SumUp's design system for the web

    Language:TypeScript894
  • accessible-autocomplete

    An autocomplete component, built to be accessible.

    Language:JavaScript891
  • ui-ux

    📚 This guide is designed to help you learn UI/UX design, and is divided into three levels: Beginner, Intermediate, and Expert. It includes learning resource, guides and tools that cover all aspects of designing user interfaces and user experiences.

  • pollen

    The CSS variables build system

    Language:TypeScript855
  • rippleui

    Clean, modern and beautiful Tailwind CSS components.

    Language:CSS829
  • figmagic

    figmagic

    Figmagic is the missing piece between DevOps and design: Generate design tokens, export graphics, and extract design token-driven React components from your Figma documents.

    Language:TypeScript800
  • website

    website

    Website and documentation for Radix.

    Language:MDX793
  • amplify-ui

    Amplify UI is a collection of accessible, themeable, performant React (and more!) components that can connect directly to the cloud.

    Language:TypeScript780
  • shards-react

    ⚛️A beautiful and modern React design system.

    Language:JavaScript756
  • lobe-ui

    lobe-ui

    🍭 Lobe UI - an open-source UI component library for building AIGC web apps

    Language:TypeScript755