Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
- GitHub: https://github.com/topics/design-system
- Wikipedia: https://en.wikipedia.org/wiki/Design_system
- Related Topics: css, design-token, style-guide, css-framework, ui, smacss,
- Last updated: 2024-11-16 00:07:17 UTC
- JSON Representation
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: 28 Oct 2024
https://github.com/saadeghi/daisyui
πΌ πΌ πΌ πΌ πΌ βThe most popular, free and open-source Tailwind CSS component library
component component-library components css css-components css-framework daisyui design-pattern design-system design-systems postcss svelte tailwind tailwind-css tailwindcss ui-design ui-framework ui-kit ui-library ui-pattern
Last synced: 28 Oct 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/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: 28 Oct 2024
https://github.com/primer/css
The CSS design system that powers GitHub
css design-system design-systems framework meta primer primer-css sass styleguide ui-components
Last synced: 28 Oct 2024
https://github.com/primer/primer-css
The CSS design system that powers GitHub
css design-system design-systems framework meta primer primer-css sass styleguide ui-components
Last synced: 20 Aug 2024
https://github.com/material-components/material-web
Material Design Web Components
component- design-system lit lit-element lit-html material material-design material-you material3 web web-components
Last synced: 28 Oct 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/material-components/material-components-web-components
Material Design Web Components
component- design-system lit lit-element lit-html material material-design material-you web web-components
Last synced: 04 Aug 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: 29 Oct 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/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: 28 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: 28 Oct 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/carbon-design-system/carbon
A design system built by IBM
design-system hacktoberfest javascript react scss
Last synced: 28 Oct 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: 28 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: 27 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: 28 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: 29 Oct 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/chakra-ui/panda
πΌ Universal, Type-Safe, CSS-in-JS Framework for Product Teams β‘οΈ
atomic-css css css-in-js design-system engine framework-agnostic jit-compiler postcss styled-system typescript utility-classes
Last synced: 29 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://react95.github.io/React95/
A React components library with Win95 UI
design-system hacktoberfest react storybook vanilla-extract vanilla-extract-css windows95
Last synced: 15 Nov 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: 27 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/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://ibm.github.io/carbon-components-svelte/?path=/story/accordion--default
Svelte implementation of the Carbon Design System
carbon carbon-design-system component-library design-system svelte svelte-components typescript typescript-definitions ui-components ui-library
Last synced: 07 Nov 2024
https://github.com/carbon-design-system/carbon-components-svelte
Svelte implementation of the Carbon Design System
carbon carbon-design-system component-library design-system svelte svelte-components typescript typescript-definitions ui-components ui-library
Last synced: 29 Oct 2024
https://github.com/puncsky/system-design-and-architecture
Learn how to design large-scale systems. Prep for the system design interview.
architecture design design-patterns design-system development interview interview-practice interview-questions system-design web
Last synced: 14 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/creativetimofficial/argon-design-system
Argon - Design System for Bootstrap 4 by Creative Tim
bootstrap-4 creative-tim creativetim design design-system design-systems free freebie freebies profile-page responsive responsive-design webdesign
Last synced: 11 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: 28 Oct 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/saas-js/saas-ui
The React component library for startups, built with Chakra UI.
accessible chakra-ui components design-system emotion library react react-components saas saas-boilerplate starter starter-kit ui uitkit
Last synced: 12 Oct 2024
https://github.com/wix/stylable
Stylable - CSS for components
components css design-system preprocessor style theme web-components webpack
Last synced: 14 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: 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.
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/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/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/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/sumup-oss/circuit-ui
SumUp's design system for the web
circuit-ui component-library design-system react react-components sumup
Last synced: 14 Nov 2024
https://github.com/Siumauricio/rippleui
Clean, modern and beautiful Tailwind CSS components.
beatiful clean components css css-components design-system rippleui tailwind tailwindcss tailwindcss-plugin ui
Last synced: 30 Oct 2024
https://github.com/alphagov/accessible-autocomplete
An autocomplete component, built to be accessible.
accessibility autocomplete design-system govuk-design-system-team javascript portfolio typeahead
Last synced: 01 Nov 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/themeselection/flyonui
π The easiest, free and open-source Tailwind CSS component library with semantic classes.
component-library components css design-system html hugo javascript postcss semantic tailwind tailwind-css tailwind-css-template tailwind-plugin tailwindcss tailwindcss-components-library typescript ui-framework ui-library uikit webpack
Last synced: 13 Nov 2024
https://github.com/layer5io/layer5
Layer5, expect more from your infrastructure
cloud cloud-native cncf configuration-management design-patterns design-system gatsbyjs hacktoberfest internship kanvas kubernetes lfx management-plane meshery orchestration playground visual-designer visualization
Last synced: 09 Oct 2024
https://github.com/hyperfocalHQ/pollen
The CSS variables build system
css css-framework css-utilites css-variables design-system functional-css tailwindcss utilty-classes
Last synced: 06 Aug 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/siumauricio/rippleui
Clean, modern and beautiful Tailwind CSS components.
beatiful clean components css css-components design-system rippleui tailwind tailwindcss tailwindcss-plugin ui
Last synced: 10 Oct 2024
https://github.com/radix-ui/website
Website and documentation for Radix.
accessibility component-library design-system documentation radix-ui react ui ui-components
Last synced: 05 Nov 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
https://github.com/DesignRevision/shards-react
βοΈA beautiful and modern React design system.
bootstrap components design-system react ui uikit
Last synced: 26 Oct 2024
https://github.com/xiaomi/hiui
HIUI is a solution that is adequate for the fomulation and implementation of interaction and UI design standard for front, middle and backend.
component-library design-system design-systems javascript react react-components typescript ui-kit ui-library
Last synced: 12 Oct 2024