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-09 00:07:14 UTC
- JSON Representation
https://github.com/rescriptbr/ancestor
:skull: UI primitives for ReScript and React
css design-system react reactjs rescript rescript-react ui ui-primitives
Last synced: 31 Oct 2024
https://github.com/terrazzoapp/terrazzo
Use DTCG tokens JSON to generate code for web, mobile, native apps, and more
css design design-system design-systems design-tokens dtcg sass style style-tokens tokens typescript w3c
Last synced: 30 Oct 2024
https://github.com/siemens/ix
Siemens Industrial Experience is a design system for designers and developers, to consistently create the perfect digital experience for industrial software products.
angular design-system frontend industrial react siemens siemens-ix stenciljs typescript ui ui-components ui-framework web webcomponents
Last synced: 11 Oct 2024
https://github.com/vmware-clarity/core
Clarity is a scalable, accessible, customizable, open-source design system built with web components. Works with any JavaScript framework, created for enterprises, and designed to be inclusive.
a11y angular clarity design-system javascript react ui-components vue web-components
Last synced: 06 Aug 2024
https://github.com/juntossomosmais/venice
[outdated] Design System of @juntossomosmais
css-modules design-system hacktoberfest lerna monorepo react typescript vue
Last synced: 31 Oct 2024
https://github.com/ebisucom/next-react-website
『作って学ぶ Next.js/React Webサイト構築』のダウンロードデータです。
blog design-system figma microcms netlify nextjs react vercel
Last synced: 11 Oct 2024
https://github.com/semrush/intergalactic
Intergalactic Design System is a constantly developing design system and library of React components.
component-library components d3js design-system design-systems designsystem react reactjs styleguide ui
Last synced: 30 Oct 2024
https://github.com/commercetools/ui-kit
Component library 💅
audit-frontend commercetools-scp design-system frontend javascript react ui-kit
Last synced: 17 Oct 2024
https://github.com/popovanton0/Blueprint
📐 Visualize the dimensions of your composables on a blueprint!
android compose-ui debugging-tools design-system jetpack-compose ui
Last synced: 07 Nov 2024
https://github.com/windicss/windicss-analysis
🔍 A visual analyzer for Windi CSS
analyzer design-system windcss
Last synced: 06 Aug 2024
https://github.com/phase2/outline
Tooling infrastructure for modern web component development.
components components-library design-system hacktoberfest javascript lit lit2 outline storybook tailwindcss typescript web-components
Last synced: 04 Aug 2024
https://github.com/openedx/paragon
💎 An accessible, theme-ready design system built for learning applications and Open edX.
accessibility component-library design-system react react-components
Last synced: 01 Nov 2024
https://github.com/jordienr/astro-design-system
This is a theme/starter project for design systems built in Astro. You can install and import your own component library and document all your design decisions and components.
Last synced: 13 Oct 2024
https://github.com/webpixels/css
Utility and component-centric design system leveraging Bootstrap 5 for rapid, responsive UI development.
bootstrap bootstrap-components bootstrap-template bootstrap5 component-centric css css-framework design-system sass scss ui-components ui-development ui-library utility-classes
Last synced: 29 Oct 2024
https://github.com/RocketCommunicationsInc/astro
Astro UXDS is a collection of guidelines, patterns and components for designing space-based user interface applications.
astrouxds design-system ground-resource-management satellite-tracking space-force stenciljs ussf web-components
Last synced: 25 Oct 2024
https://github.com/sparkpost/matchbox
🔥 A react UI component library
appteam design-system javascript monorepo react react-components team-ux
Last synced: 07 Nov 2024
https://github.com/moishinetzer/pbandj
Zero-Config Reusable Component Framework for React 🥜💜
design-system library npm package react reactjs storybook styleguide typescript zero-config
Last synced: 27 Oct 2024
https://github.com/magnetis/astro
An open source design system by Magnetis
component-library design-system design-systems hacktoberfest
Last synced: 03 Aug 2024
https://github.com/buildo/bento-design-system
A customizable and extensible Design System framework for React.js projects
design-system figma react react-aria typescript vanilla-extract
Last synced: 11 Oct 2024
https://github.com/peruvianidol/coolcss
The last CSS framework I'll (hopefully) ever have to make
css css-framework design-system design-tokens
Last synced: 27 Oct 2024
https://github.com/sparkdesignsystem/spark-design-system
Spark Design System
design-patterns design-system hacktoberfest spark
Last synced: 27 Oct 2024
https://github.com/ticketmaster/aurora
Shared UI Library for Ticketmaster
design-system react styled-components ticketmaster ui-library
Last synced: 28 Oct 2024
https://github.com/gsoft-inc/sg-orbit
The design system for ShareGate web apps.
components design-system react storybook
Last synced: 06 Nov 2024
https://github.com/itsjavi/storylite
A lightweight alternative to StoryBook for React, built on top of Vite⚡️, compatible with CSF 3.0
component-driven component-library component-story-format csf csf3 design-system react stories storybook vite vitejs
Last synced: 08 Nov 2024
https://github.com/marigold-ui/marigold
Design System based on react-aria and Tailwind CSS
a11y aria component-library design-system design-tokens react react-aria style tailwind tailwindcss theme ui
Last synced: 10 Aug 2024
https://github.com/arevalolance/design-system-template
🏗️ Turborepo + TailwindCSS + Storybook + shadcn-ui
design design-system nextjs react shadcn-ui storybook tailwindcss template turborepo turborepo-example ui vite
Last synced: 04 Aug 2024
https://github.com/jayeshk/Doric
Protocol oriented, type safe, scalable design system foundation swift framework for iOS.
adaptive-layouts apple autolayout-constraints autolayout-framework autolayouts color color-theme design design-language design-language-framework design-system designsystem dynamic-font ios swift textstyle theme theme-framework typography xcode
Last synced: 29 Oct 2024
https://github.com/baloise/design-system
The Baloise Design System consists of reusable components and a clearly defined visual style, that can be assembled together to build any number of applications.
bulma-css components design-system hacktoberfest stenciljs web-components
Last synced: 01 Nov 2024
https://github.com/calebnance/expo-slack
Slack UI Clone with React Native & Expo
design-system expo react-native react-navigation slack ui
Last synced: 06 Nov 2024
https://github.com/axafrance/react-toolkit
Flexible components html + css + react using BEM convention. Maybe, you can call it "Design System" !
axa bem-convention design-system front-end-development javascript reactjs software storybook tools
Last synced: 14 Oct 2024
https://github.com/kickstartds/kickstartds
kickstartDS mono-repository, containing all packages but config related ones and the content component module
components design-system es6 eslint html html5 javascript prettier react storybook styleguide stylelint typescript ui ui-components
Last synced: 30 Oct 2024
https://github.com/washingtonpost/wpds-ui-kit
WPDS's UiKit coded in React using Stitches, Radix UI and more! Also home to our docs site
components design-system styleguide wpds
Last synced: 09 Nov 2024
https://github.com/formaat-design/reshaped
Community repository for storing examples, reporting issues and tracking roadmap
community design design-system discussions react reshaped ui ui-components
Last synced: 10 Oct 2024
https://github.com/WeAreGenki/minna-ui
😸 A fast, friendly, and fun web UI kit for everyone.
css-framework design-system javascript minna-ui postcss svelte wearegenki web-components
Last synced: 28 Oct 2024
https://github.com/kjantzer/bui
‹B› Web components, classes, and utilities for creating single-page PWAs – built with Lit by Blackstone Publishing
buildwithlit custom-elements design-system javascript lit lit-element lit-html lit-html-element ui-components ui-framework ui-library web-components webcomponents
Last synced: 04 Aug 2024
https://github.com/innovaccer/design-system
Masala Design System (MDS) is an open-source design system built at Innovaccer. Figma file : https://www.figma.com/community/file/974368355920553546/masala-design-system-web-guidelines
bem component-library components css css-variable design-system hacktoberfest hacktoberfest2024 innovaccer javascript react typescript ui ui-components
Last synced: 31 Oct 2024
https://github.com/xavierlefevre/shared-react-components-example
An example of a mono-repository of shared React components libraries!
atomic-design design-system design-systems lerna libraries library mono-repo monorepo react react-component react-components reactjs share shared shared-library sharing storybook ui ui-components yeoman
Last synced: 04 Aug 2024
https://github.com/3yourmind/kotti
💅 3YOURMIND’s Vue UI Framework & Design System
design-system ui-framework vue
Last synced: 08 Nov 2024
https://github.com/RedHat-UX/red-hat-design-system
Red Hat's Design System
design-system design-systems hacktoberfest redhat web-components
Last synced: 04 Aug 2024
https://github.com/Decathlon/vitamin-android
Decathlon Design System UI components for Android applications
android android-library components decathlon design design-system material-design mobile vitamin
Last synced: 07 Nov 2024
https://github.com/lightspeed/flame
Component library for building Lightspeed products
css-in-js design-system emotion react styled-system typescript
Last synced: 29 Oct 2024
https://github.com/morganfeeney/interior
Design system for the modern web.
css css-grid design-system design-systems grid grid-layout grid-systems interior layout nunjucks scss typography vertical-rhythm
Last synced: 09 Oct 2024
https://github.com/mateoroldos/tokenbase
Create, manage and distribute design tokens.
css design-system design-system-manager design-tokens ui-design
Last synced: 07 Nov 2024
https://github.com/ceteio/chakra-capsize
The power of capsize inside Chakra UI
capsize chakra-ui design-system spacing typography
Last synced: 26 Oct 2024
https://github.com/bem/themekit
Build system of design-tokens for any platforms
build-system design-system design-tokens design-tool style-dictionary style-tokens
Last synced: 05 Nov 2024
https://github.com/ivory-ui/ivory
Highly extensible and powerful CSS framework, prebuilt with grid system, elegant design and flexible components helps you to develop powerful interfaces.
components css css-framework design-system grid grid-layout hacktoberfest responsive scss scss-framework scss-mixins
Last synced: 01 Nov 2024
https://github.com/sammdec/theme-ui-native
Build consistent, themeable React Native apps based on constraint-based design principles
color design-system design-tokens layout react react-native style theme typography ui
Last synced: 27 Oct 2024
https://github.com/sberdevices/plasma
💠 Дизайн-Система для создания навыков семейства Виртуальных Ассистентов "Салют"
Last synced: 14 Oct 2024
https://github.com/fremtind/jokul
Jøkul er et designsystem utviklet av Fremtind.
design-system designsystem fremtind react sass scss
Last synced: 02 Nov 2024
https://github.com/nulogy/design-system
Nulogy Design System
css design-system javascript react styled-components styleguide tokens
Last synced: 03 Aug 2024
https://github.com/nhsuk/nhsuk-service-manual
Design and build digital services for the NHS. Use the service manual to build consistent, usable services that put people first. Learn from the research and experience of other NHS teams.
Last synced: 08 Nov 2024
https://github.com/square/maker
Maker Design System by Square
component-library design-system vuejs
Last synced: 06 Aug 2024
https://github.com/naturalclar/react-native-sketchbook
design system for react-native
design-system hacktoberfest react-native
Last synced: 06 Nov 2024
https://github.com/vantagedesign/solid-design-system
A design system for web development with Bootstrap 4, inspired by material design.
bootstrap4 design-system design-systems free gulpjs html5 javascript scss ui-kit
Last synced: 11 Oct 2024
https://github.com/ruru-m07/ruru-ui
Ruru UI is a design system for building classic web applications.
design design-system fumadocs library mdx nextjs ruru ruru-ui tailwind-css typescript ui
Last synced: 10 Oct 2024
https://github.com/ember-elements/ember-elements
a UI toolkit in Ember ♾️ storybook link(WIP) https://64f3486d17c24063fe86105d-zslyevuhcj.chromatic.com/
design design-system ember ember-addon emberjs sass typescript ui ui-components
Last synced: 07 Nov 2024
https://github.com/anarock/pebble
A set of lightweight and accessible React components.
design-system hacktoberfest-accepted react
Last synced: 03 Aug 2024
https://github.com/LatitudeFinancialOSS/basis
Basis Design System
components-library design-system emotion react
Last synced: 02 Aug 2024
https://github.com/italia/designers.italia.it
Designers Italia mette a disposizione la conoscenza e gli strumenti per progettare e realizzare servizi pubblici centrati sulle necessità delle persone
content-design design-system hacktoberfest human-centered-design public-services service-design toolkit user-interface user-research website
Last synced: 30 Oct 2024
https://github.com/thoughtbot/design-system
thoughtbot design system (tbds)
Last synced: 06 Aug 2024
https://github.com/refinitiv/refinitiv-ui
Element Framework is a set of web components based on LSEG Workspace design system, Halo.
accessibility design-system lit monorepo typescript ui webcomponents
Last synced: 30 Oct 2024
https://github.com/wework/ray
Resources for building interfaces with WeWork's design system
Last synced: 06 Nov 2024
https://github.com/josemarluedke/frontile
Component Library for Ember Octane apps
component-library components design-system ember ember-octane emberjs glimmer-component glimmerjs hacktoberfest tailwindcss
Last synced: 14 Oct 2024
https://github.com/bcgov/design-system
The B.C. Design System helps public sector design and development teams build consistent, accessible products
citz component-library design-system design-tokens react
Last synced: 12 Aug 2024
https://github.com/angelkitty/se_book_cn
Software Engineer(10th edition) 中文版
architecture design-patterns design-system development programming software-engineering
Last synced: 15 Oct 2024
https://github.com/opensrc0/fe-theme
A React UI library using styled-component to build consistent, responsive, theme able UI
accessibility css design-system fe-theme framwork frontend library mobile-first react react-components react-hooks reactjs responsive storybook styled-components styled-system theme ui ui-components ui-design
Last synced: 30 Oct 2024
https://github.com/adidas/adidas-yarn-design-system
YARN is a frontend toolkit for developing with HTML, CSS and JS with adidas style. It provides the base layout for frontend applications
Last synced: 07 Nov 2024
https://github.com/dnum-mi/vue-dsfr
Portage en Vue du DSFR
design-system dsfr vue vue-dsfr vuejs
Last synced: 03 Sep 2024
https://github.com/nasa-jpl/explorer-1
JPL's Design System
design-system hacktoberfest storybook
Last synced: 10 Oct 2024
https://github.com/flexdinesh/design-system-boilerplate
A design system boilerplate monorepo with opinionated principles, theming and token setup to build your own design system.
Last synced: 28 Oct 2024
https://github.com/webpixels/quick-free-bootstrap-theme
This Bootstrap 4 UI Kit will not be updated anymore. Check out our newest components library for Bootstrap 5 instead
bootstrap bootstrap-theme bootstrap4 design-system free-bootstrap-theme freebie responsive template theme ui-components uikit website
Last synced: 08 Nov 2024
https://github.com/yaoapp/xgen
A official lowcode resolution based yao app engine.
ant-design components design-system low-code mobx react shadow-dom typescript umi
Last synced: 11 Oct 2024
https://github.com/leoafarias/vizor
A Sci-Fi/Cyberpunk UI Kit for Flutter.
design-system flutter flutter-ui
Last synced: 14 Oct 2024
https://github.com/mrmartineau/react-design-system-boilerplate
At the moment this project is out-of-date and unmaintained. I hope to revisit it soon though... This is a boilerplate for you to create your own design system in React. It has everything setup to allow you to focus on what it is you care about: creating awesome, reusable components.
boilerplate design-system playroom preconstruct react reusable-components storybook theme-ui
Last synced: 28 Oct 2024
https://github.com/swvl/linta
A set of useful lint checks to keep the Android app follow a solid design system
Last synced: 06 Aug 2024
https://github.com/odaridavid/material-design-android
My stash for all things material, animations, typography, iconography, transitions, Animated VD, Color Palette API, UI design, and more.
animated-vector-drawables animations colorpalette design-system iconography kotlin-android material-design transitions typography ui-design ux-design
Last synced: 28 Oct 2024
https://github.com/sbb-design-systems/lyne-components
Components for Lyne Design System
design-system design-tokens javascript lyne lyne-components lyne-design-tokens sbb-cff-ffs storybook typescript web-components
Last synced: 01 Nov 2024
https://github.com/yuki24/shoelace-rails
Rails helpers for https://shoelace.style, the design system.
custom-elements design-system rails ruby ruby-on-rails shoelace ui ux web-components webcomponents
Last synced: 31 Oct 2024
https://github.com/dataesr/react-dsfr
Non-official React components of the official french Système de Design de l'État.
component-library design-system javascript react styleguide
Last synced: 28 Oct 2024
https://github.com/YaoApp/xgen
A official lowcode resolution based yao app engine.
ant-design components design-system low-code mobx react shadow-dom typescript umi
Last synced: 06 Aug 2024
https://github.com/convertiv/handoff-app
A toolchain for Figma design tokens, enabling designers and developers to extract, transform, and distribute design decisions as code
bootstrap css design-system design-tokens figma figma-api figma-plugin handoff scss style-dictionary
Last synced: 11 Oct 2024
https://github.com/Convertiv/handoff-app
A toolchain for Figma design tokens, enabling designers and developers to extract, transform, and distribute design decisions as code
bootstrap css design-system design-tokens figma figma-api figma-plugin handoff scss style-dictionary
Last synced: 10 Oct 2024
https://github.com/bigcommerce/big-design
Design system that powers the BigCommerce ecosystem.
bigcommerce design-system react
Last synced: 31 Oct 2024
https://github.com/brentcas/iOS-11-Framer
iOS 11 Design System GUI for Framer
design design-system framer gui ios uikit
Last synced: 03 Aug 2024
https://github.com/autoguru-au/overdrive
🚗💨 AutoGuru's design system
component design-system front-end library react scss storybook styleguide typescript ui
Last synced: 03 Aug 2024
https://github.com/roubachof/falotier_riverpod
The purpose of this PoC is to implement main real life app use cases and see if Riverpod elegantly supports all the needed mutations.
design-system flutter flutter-examples freezed gradients immutable-collections proof-of-concept riverpod theme-ui
Last synced: 28 Oct 2024
https://github.com/microsoft/fluentui-token-pipeline
The Fluent UI token pipeline generates source code for Fluent UI libraries.
design-system design-tokens fluent fluent-ui fluentui json microsoft tokens
Last synced: 07 Oct 2024
https://github.com/thesephist/paper.css
Lightweight, modern CSS to add some flair to your web-things 📜
blocks-css branding css design-system ui-components
Last synced: 30 Oct 2024
https://github.com/flamingo-ux/flamingo-android
Android implementation of the Flamingo Design System
android design-system jetpack-compose kotlin ksp playground-app
Last synced: 07 Nov 2024
https://github.com/eduzz/houston
Design System at Eduzz.
antd design-system eduzz hacktoberfest javascript react typescript ui-components
Last synced: 28 Oct 2024
https://github.com/lekoarts/gatsby-starter-specimens
Leverage the wide variety of powerful React components to build your design system. Display colors, typography or any other design tokens with ease. Works seamlessly with MDX.
design design-system gatsby gatsby-themes mdx specimens system theme-ui
Last synced: 01 Nov 2024
https://github.com/adevinta/spark-android
✨ Simple, Modular & Accessible UI Components for your Android Applications
Last synced: 07 Nov 2024
https://github.com/prabhuignoto/react-creme
Comprehensive UI Tool Kit for React
components design-system lightweight lightweight-javascript-library react react-component-library typescript ui-components ui-kit
Last synced: 28 Oct 2024
https://github.com/Vonage/vivid
Vonage's web UI 🎨 toolbelt
design-system innersource vonage web-components
Last synced: 25 Oct 2024
https://github.com/cfpb/design-system
CFPB's work-in-progress design system
design-system hacktoberfest jekyll netlify-cms
Last synced: 09 Oct 2024
https://github.com/ozontech/kelp
Kelp is an Android Studio plugin that enhances support for custom design systems
android android-studio-plugin design-system design-systems ide-plugin idea-plugin jetpack-compose studio-plugin
Last synced: 07 Nov 2024
https://github.com/betagouv/template-design-system-de-l-etat
Démo du Design System de l'État (ressource non officielle)
Last synced: 28 Aug 2024
https://github.com/teambit/evangelist
React components used to build the bit.dev marketing website.
components design-system front-end javascript react reactjs ui ui-components
Last synced: 13 Aug 2024
https://github.com/assurance-maladie-digital/design-system
📦 Un Design System pour l’Assurance Maladie
cnam components design-system france health-insurance vue vue-cli vuejs
Last synced: 03 Sep 2024