Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

Design system

A design system is a way to have modular and reusable CSS components as well as a separation of concerns of designing and using this system, by, for examplr, using design tokens.

https://github.com/donnemartin/system-design-primer

Learn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards.

design design-patterns design-system development interview interview-practice interview-questions programming python system web web-application webapp

Last synced: 18 Nov 2024

https://github.com/chakra-ui/chakra-ui

⚡️ Simple, Modular & Accessible UI Components for your React Applications

a11y accessible ark-ui chakra-ui component css-in-js dark-mode design-system react react-components reactjs styled ui-components ui-library uikit wai-aria

Last synced: 18 Nov 2024

https://github.com/doczjs/docz

✍ It has never been so easy to document your things!

design-system docs documentation docz gatsby js mdx react theme ui zero-configuration

Last synced: 18 Nov 2024

https://github.com/pedronauck/docz

✍ It has never been so easy to document your things!

design-system docs documentation docz gatsby js mdx react theme ui zero-configuration

Last synced: 04 Aug 2024

https://github.com/primer/css

Primer is GitHub's design system. This is the CSS implementation

css design-system design-systems framework meta primer primer-css sass styleguide ui-components

Last synced: 18 Nov 2024

https://jdan.github.io/98.css/

A design system for building faithful recreations of old UIs

css design-system guy-fieri windows98

Last synced: 30 Oct 2024

https://github.com/jdan/98.css

A design system for building faithful recreations of old UIs

css design-system guy-fieri windows98

Last synced: 18 Nov 2024

https://github.com/douyinfe/semi-design

🚀A modern, comprehensive, flexible design system and React UI library. 🎨 Provide more than 3000+ Design Tokens, easy to build your design system. Make Semi Design to Any Design. 🧑🏻‍💻 Design to Code in one click

code2design dark-mode design-system design2code designops designtocode figma-plugin react theme ui-libary

Last synced: 18 Nov 2024

https://github.com/DouyinFE/semi-design

🚀A modern, comprehensive, flexible design system and React UI library. 🎨 Provide more than 3000+ Design Tokens, easy to build your design system. Make Semi Design to Any Design. 🧑🏻‍💻 Design to Code in one click

code2design dark-mode design-system design2code designops designtocode figma-plugin react theme ui-libary

Last synced: 26 Oct 2024

https://github.com/grommet/grommet

a react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package

a11y babel design-system grommet hacktoberfest javascript react ux-framework

Last synced: 18 Nov 2024

https://github.com/themesberg/flowbite

Open-source UI component library and front-end development framework based on Tailwind CSS

components css design-system eslint figma flowbite html hugo javascript prettier tailwind tailwindcss typescript ui-components ui-framework ui-library webpack

Last synced: 18 Nov 2024

https://github.com/rebassjs/rebass

:atom_symbol: React primitive UI components built with styled-system.

color components css design-system emotion grid javascript layout react react-components rebass styled-components styled-system theme typography ui

Last synced: 29 Oct 2024

https://github.com/react95-io/React95

🌈🕹 Windows 95 style UI component library for React

component-library components design-system react reactjs styled-components ui ui-kit vaporwave windows95

Last synced: 27 Oct 2024

https://github.com/react95-io/react95

🌈🕹 Windows 95 style UI component library for React

component-library components design-system react reactjs styled-components ui ui-kit vaporwave windows95

Last synced: 11 Oct 2024

https://github.com/arturbien/React95

🌈🕹 Windows 95 style UI component library for React

component-library components design-system react reactjs styled-components ui ui-kit vaporwave windows95

Last synced: 04 Aug 2024

https://github.com/vmware-archive/clarity

Clarity is a scalable, accessible, customizable, open source design system built with web components. Works with any JavaScript framework, built for enterprises, and designed to be inclusive.

accessibility accessible-components accessible-design angular angular-components clarity component-library components css design-system lit-elements typescript ui ux web web-components web-components-library

Last synced: 01 Oct 2024

https://vmware.github.io/clarity

Clarity is a scalable, accessible, customizable, open source design system built with web components. Works with any JavaScript framework, built for enterprises, and designed to be inclusive.

accessibility accessible-components accessible-design angular angular-components clarity component-library components css design-system lit-elements typescript ui ux web web-components web-components-library

Last synced: 20 Aug 2024

https://github.com/nuejs/nue

The Design Engineering Framework for the Web

css-framework design design-system javascript javascript-framework markdown-flavour

Last synced: 29 Oct 2024

https://github.com/elastic/eui

Elastic UI Framework 🙌

css-in-js design-system elasticsearch eui kibana react

Last synced: 28 Oct 2024

https://github.com/basscss/basscss

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

atomic-css basscss css design-system functional-css oocss utility utility-css

Last synced: 13 Oct 2024

https://github.com/shopify/polaris

Shopify’s design system to help us work together to build a great experience for all of our merchants.

component-library design-system design-systems design-tokens figma-plugin icons react shopify-polaris typescript vscode-extension

Last synced: 18 Nov 2024

https://github.com/Shopify/polaris

Shopify’s design system to help us work together to build a great experience for all of our merchants.

component-library design-system design-systems design-tokens figma-plugin icons react shopify-polaris typescript vscode-extension

Last synced: 27 Oct 2024

https://github.com/Shopify/polaris-react

Shopify’s design system to help us work together to build a great experience for all of our merchants.

component-library design-system design-systems design-tokens figma-plugin icons react shopify-polaris typescript vscode-extension

Last synced: 08 Aug 2024

https://github.com/system-ui/theme-ui

Build consistent, themeable React apps based on constraint-based design principles

color design design-system design-tokens emotion layout mdx react style theme typography ui

Last synced: 18 Nov 2024

https://github.com/arco-design/arco-design

A comprehensive React UI components library based on Arco Design

arco-design component-library customize design-system react ui ui-library

Last synced: 28 Oct 2024

https://github.com/alibaba-fusion/next

🦍 A configurable component library for web built on React.

component design-system fusion fusion-design next react ui

Last synced: 07 Nov 2024

https://pinterest.github.io/gestalt/

A set of React UI components that supports Pinterest’s design language

design-system javascript react

Last synced: 11 Nov 2024

https://github.com/pinterest/gestalt

A set of React UI components that supports Pinterest’s design language

design-system javascript react

Last synced: 15 Oct 2024

https://github.com/geist-org/react

A design system for building modern websites and applications.

design-system design-systems geist geist-ui hacktoberfest react react-components

Last synced: 08 Aug 2024

https://github.com/geist-org/geist-ui

A design system for building modern websites and applications.

design-system design-systems geist geist-ui hacktoberfest react react-components

Last synced: 14 Oct 2024

https://github.com/meetalva/alva

Create living prototypes with code components.

components design design-system react

Last synced: 28 Oct 2024

https://github.com/unovue/radix-vue

Vue port of Radix UI Primitives. An open-source UI component library for building high-quality, accessible design systems and web apps.

accessibility accessible component-library design-system headless nuxt primitives radix-ui ui ui-components ui-kit vue vue-component-library vue-components vue-radix

Last synced: 16 Nov 2024

https://github.com/React95/React95

A React components library with Win95 UI

design-system hacktoberfest react storybook styled-components windows95

Last synced: 29 Oct 2024

https://github.com/react95/react95

A React components library with Win95 UI

design-system hacktoberfest react storybook styled-components windows95

Last synced: 29 Oct 2024

https://github.com/radix-vue/radix-vue

Vue port of Radix UI Primitives. An open-source UI component library for building high-quality, accessible design systems and web apps.

accessibility accessible component-library design-system headless nuxt primitives radix-ui ui ui-components ui-kit vue vue-component-library vue-components vue-radix

Last synced: 27 Sep 2024

https://github.com/primer/components

An implementation of GitHub's Primer Design System using React

component-library design-system primer react

Last synced: 04 Aug 2024

https://github.com/primer/react

An implementation of GitHub's Primer Design System using React

component-library design-system primer react

Last synced: 11 Oct 2024

https://github.com/vuesion/vuesion

Vuesion is a boilerplate that helps product teams build faster than ever with fewer headaches and modern best practices across engineering & design.

apollo best-practises boilerplate cypress design-system graphql i18n jest kitchen-sink nuxtjs pwa seo server-side-rendering storybook typescipt typescript universal vue vuejs vuex

Last synced: 10 Oct 2024

https://github.com/arco-design/arco-design-vue

A Vue.js 3 UI Library based on Arco Design

arco-design component-library components design-system ui vue vue3 vuejs

Last synced: 29 Oct 2024

https://github.com/gluestack/gluestack-ui

React & React Native Components & Patterns (copy-paste components & patterns crafted with Tailwind CSS (NativeWind))

accessibility component-library customizable-components design-system react react-native styled-components ui ui-components universal-components

Last synced: 29 Oct 2024

https://github.com/vue-styleguidist/vue-styleguidist

Created from react styleguidist for Vue Components with a living style guide

design-system doc documentation markdown parser style-guide styleguide vue vue-components vuejs

Last synced: 18 Nov 2024

https://github.com/chromaui/learnstorybook.com

Static site and content for Storybook tutorials

component-driven design-system learning storybook

Last synced: 13 Oct 2024

https://sakofchit.github.io/system.css/

A design system for building retro Apple interfaces

classic-macos css design-system hacktoberfest hacktoberfest2022 macos

Last synced: 15 Nov 2024

https://github.com/cloudscape-design/components

React components for Cloudscape Design System

components design-system react scss typescript

Last synced: 29 Oct 2024

https://github.com/sakofchit/system.css

A design system for building retro Apple interfaces

classic-macos css design-system hacktoberfest hacktoberfest2022 macos

Last synced: 14 Oct 2024

https://github.com/arielsalminen/vue-design-system

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

component-library components design-system design-systems vue vue-styleguidist vuejs

Last synced: 14 Oct 2024

https://github.com/chakra-ui/chakra-ui-vue

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

a11y accessibility chakra-ui composition design-system hacktoberfest library nuxt ui vue vuejs vuejs-components wai-aria

Last synced: 27 Sep 2024

https://github.com/designrevision/shards-dashboard-react

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

admin admin-dashboard admin-panel admin-template admin-ui design-system react reactjs shards-ui

Last synced: 15 Oct 2024

https://github.com/DesignRevision/shards-dashboard-react

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

admin admin-dashboard admin-panel admin-template admin-ui design-system react reactjs shards-ui

Last synced: 25 Oct 2024

https://github.com/proksh/atomize

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

design design-system reactjs ui ui-framework

Last synced: 15 Oct 2024

https://github.com/seek-oss/braid-design-system

Themeable design system for the SEEK Group

babel css-modules design-system front-end react style-guide webpack

Last synced: 11 Oct 2024

https://github.com/design-tokens/community-group

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

design-system design-systems design-tokens

Last synced: 15 Oct 2024

https://github.com/magicpatterns/catalog

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

component-library design design-system react styling

Last synced: 13 Nov 2024

https://github.com/kiwicom/orbit

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

component component-library design-system hacktoberfest kiwi kiwicom orbit react styled-components

Last synced: 15 Oct 2024

https://github.com/radix-ui/colors

A gorgeous, accessible color system.

color color-palette colors design design-system ui

Last synced: 15 Oct 2024

https://github.com/Trendyol/baklava

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

components design-system frontend javascript lit typescript web-components

Last synced: 17 Nov 2024

https://github.com/trendyol/baklava

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

components design-system frontend javascript lit typescript web-components

Last synced: 14 Oct 2024

https://github.com/jsartisan/react-native-magnus

A Utility-First React Native UI Framework 🚀🧩

design-system react react-native typescript ui-components

Last synced: 30 Oct 2024

https://github.com/CodyHouse/codyhouse-framework

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

css design-system framework html scss

Last synced: 28 Oct 2024

https://github.com/codyhouse/codyhouse-framework

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

css design-system framework html scss

Last synced: 14 Oct 2024

https://github.com/adobe/spectrum-css

The standard CSS implementation of the Spectrum design language.

css design-system

Last synced: 15 Oct 2024

https://github.com/ONEARMY/community-platform

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

climate-impact design-system react reactjs theme-ui typescript

Last synced: 15 Nov 2024

https://github.com/finnhvman/matter

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

css design-system google-design library material material-components material-design

Last synced: 29 Oct 2024

https://github.com/franken-ui/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.

component css design-system framework shadcn shadcn-ui tailwind tailwindcss ui uikit

Last synced: 13 Oct 2024

https://github.com/sveltecult/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.

component css design-system framework shadcn shadcn-ui tailwind tailwindcss ui uikit

Last synced: 10 Aug 2024

https://github.com/LeCoupa/vuedarkmode

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

bootstrap components darkmode design-system nuxtjs vuejs

Last synced: 25 Oct 2024

https://github.com/lecoupa/vuedarkmode

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

bootstrap components darkmode design-system nuxtjs vuejs

Last synced: 27 Sep 2024

https://github.com/TailGrids/tailwind-ui-components

Tailwind CSS UI library, featuring over 600 top-tier Tailwind CSS UI components and blocks. Each one is handcrafted for modern websites, landing pages, web applications, dashboards, ecommerce platforms, and more.

component-library components dark-mode design-system frontend react react-components react-tailwindcss react-templates tailwind tailwind-css tailwind-ui tailwindcss ui-components ui-kit ui-library vue vue-components vue-tailwindcss

Last synced: 01 Nov 2024

https://github.com/kobaltedev/kobalte

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

component-library design-system solidjs ui

Last synced: 14 Oct 2024

https://github.com/tailgrids/tailwind-ui-components

Tailwind CSS UI library, featuring over 600 top-tier Tailwind CSS UI components and blocks. Each one is handcrafted for modern websites, landing pages, web applications, dashboards, ecommerce platforms, and more.

component-library components dark-mode design-system frontend react react-components react-tailwindcss react-templates tailwind tailwind-css tailwind-ui tailwindcss ui-components ui-kit ui-library vue vue-components vue-tailwindcss

Last synced: 10 Oct 2024

https://github.com/MohamedYoussouf/Design-Resources

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

adobe-xd design design-system design-tools figma graphics illustration photos sketch ui

Last synced: 30 Oct 2024

https://github.com/mohamedyoussouf/design-resources

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

adobe-xd design design-system design-tools figma graphics illustration photos sketch ui

Last synced: 11 Oct 2024

https://github.com/hendurhance/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.

design design-patterns design-system guides resources typography ui ui-design ux ux-design ux-ui

Last synced: 31 Oct 2024

https://github.com/eva-design/eva

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

angular design design-system react-native ui-components

Last synced: 29 Oct 2024

https://github.com/aws-amplify/amplify-ui

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

amplify angular aws components design-system react vue xstate

Last synced: 21 Oct 2024

https://github.com/beercss/beercss

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

class-light css design-system material material-3 material-design-3 material-you semantic-html

Last synced: 04 Nov 2024

https://github.com/lukasoppermann/design-tokens

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

amazon-style-dictionary design-system design-tokens figma figma-api figma-plugin style-dictionary

Last synced: 11 Oct 2024

https://github.com/mikaelvesavuori/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.

design-specs design-system design-systems design-tokens figma figma-api hacktoberfest tokens ux

Last synced: 11 Oct 2024

https://github.com/designrevision/shards-react

⚛️A beautiful and modern React design system.

bootstrap components design-system react ui uikit

Last synced: 14 Nov 2024

Design system Awesome Lists
awesome-design 428 Awesome-Design-Tokens 229 awesome-design-systems 102 awesome-design-language-system 109 Awesome-CSS-Resources 234 awesome-russian-design-systems 52
Design system Categories
Articles 1,515 Frameworks / Resources 235 Design systems 234 Read and Digest 167 Design tokens 126 Stock 70 Blog post 61 Design system frontend 40 Styleguide and Branding 40 Icon and Logo 38 Color 37 Typography 30 Tools 29 Slides, Videos, Podcasts 27 Pattern library 25 Plugins 23 Conference and Festival 23 Design system 23 Podcast 20 Toolkit 20