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: 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/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/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://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: 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: 28 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/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/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: 28 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-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/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/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/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: 27 Oct 2024

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

A React components library with Win95 UI

design-system hacktoberfest react storybook styled-components windows95

Last synced: 03 Aug 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: 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://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://sakofchit.github.io/system.css/

A design system for building retro Apple interfaces

classic-macos css design-system hacktoberfest hacktoberfest2022 macos

Last synced: 03 Aug 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: 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: 14 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/adobe/spectrum-css

The standard CSS implementation of the Spectrum design language.

css design-system

Last synced: 15 Oct 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: 27 Sep 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/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/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: 03 Aug 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: 07 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