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: 2025-02-15 00:07:49 UTC
- JSON Representation
https://github.com/imnotannamaria/ignite-design-system
Design System with Storybook
design-system radix-ui stiches storybook tsup turborepo typescript
Last synced: 27 Dec 2024
https://github.com/mate-h/tamagui-base
Template repository for cross platform app development with React.
design-system expo monorepo react-native react-navigation
Last synced: 14 Jan 2025
https://github.com/guoyunhe/react-design-system
Which React design system is the best for your project?
antd design-system material-ui react ui
Last synced: 10 Jan 2025
https://github.com/mathhetru/p14_hrnet
Switch a jQuery library to React
design-system npm primereact react store tailwindcss typescript vite zustand
Last synced: 24 Dec 2024
https://github.com/lukasoppermann/figma-plugin-design-presets
Design presets for figma plugins with light & dark mode.
dark-mode design-system figma figma-plugins figmadesign presets
Last synced: 16 Jan 2025
https://github.com/eylatamsouth/beyondstyle
Library of shared components of BeyondLabs
Last synced: 14 Feb 2025
https://github.com/goh-chunlin/haneul
UX Standard Guidelines: Materialise the user values with upgraded total experience.
Last synced: 08 Jan 2025
https://github.com/c0deta1ker/snapvac3d
Effortlessly design custom vacuum chambers with precision and speed in three-dimensions. Share and collaborate with ease by saving your vacuum designs within the app, which also allows you to reload, browse and modify at any time!
3d 3d-graphics 3d-models cad design design-system engineering matlab matlab-application matlab-gui open-source prototyping uhv vacuum visualization
Last synced: 21 Jan 2025
https://github.com/initdc/apple-ui
An ui kit with many components looks like apple.com website.
Last synced: 20 Jan 2025
https://github.com/mosaicra-ui/figma-designs
Mosaicra UI Figma Design System
design design-system figma figma-design hacktoberfest hacktoberfest-accepted hacktoberfest-approved hacktoberfest2024 hacktoberfest2024-approved mosaicra mosaicra-ui open-source resuable-component ui-library
Last synced: 21 Jan 2025
https://github.com/vishwagauravin/tailwind-jsx-components
Dumpyard for all new public design components
component css design design-system design-thinking nextjs react reactjs tailwind tailwindcss ui ui-components ui-design uikit webdevelopment website
Last synced: 25 Dec 2024
https://github.com/joshblack/laufey
Laufey is an exploration around building design systems
design-system javascript react
Last synced: 13 Feb 2025
https://github.com/newdesignfile/colors
Colors are now one less thing to worry about.
color-system colors colorscheme design-system design-tokens palette themes tokens tokens-translation
Last synced: 01 Feb 2025
https://github.com/beerush-id/toqin
Single Source of Truth for Your Design Tokens
css design-system design-tokens tailwind tailwindcss
Last synced: 26 Jan 2025
https://github.com/d0rich/esprit
📦🌟 Monorepo with all mine personal brand websites and associated packages
design-system docs-template front-end gsap nuxt-layers nuxt-theme nuxt3 persona-5 tailwindcss vue
Last synced: 14 Oct 2024
https://github.com/dynamic-framework/dynamic-ui
Quickly create feature-rich financial applications through a robust micro frontend architecture of React-based components with customizable templates built for integration.
bootstrap css-framework design-system react ui-kit
Last synced: 27 Nov 2024
https://github.com/juanesgalvis/galvisvue
Portafolio personal programado en Vue JS
design-system netlify npm vue-router vuejs
Last synced: 13 Feb 2025
https://github.com/kaihotz/kai-ui
A design system composed out of custom react components, supporting dark and light mode
css-variables dark-mode dark-theme design-system react react-components scss-styles storybook
Last synced: 26 Jan 2025
https://github.com/soujvnunes/themizer
Generate CSS3 custom properties based on a given theme with tokens and aliases serving as a reference.
css css-custom-properties css-in-js css-variables design-system design-tokens design-tools react tailwindcss tool typescript ui ui-design
Last synced: 09 Jan 2025
https://github.com/artursopelnik/style-dictionary-with-dark-mode
Style Dictionary with Dark Mode and TypeScript
design-system style-dictionary typescript
Last synced: 30 Dec 2024
https://github.com/trenaryja/ui
My own component library, complete with Storybook!
component-library design-system react storybook typescript
Last synced: 26 Jan 2025
https://github.com/null-none/neumorphic-design
Neumorphic Design System
design design-system ui ui-components
Last synced: 26 Jan 2025
https://github.com/newdesignfile/typography
Modular typographic scale.
apps design-system desktop mobile mobile-first modular responsive typography uikit websites
Last synced: 01 Feb 2025
https://github.com/coryrylan/clarity-hugo
Example demo of using the Clarity Design System with Hugo
clarity-design design-system hugo
Last synced: 02 Feb 2025
https://github.com/uinix-js/uinix-theme-spec
The default uinix theme spec
css design-system spec theme ui ui-system uinix
Last synced: 25 Dec 2024
https://github.com/uinix-js/uinix-theme-spec-theme-ui
The theme-ui theme spec usable by uinix-theme
css design-system spec theme theme-ui ui ui-system uinix
Last synced: 25 Dec 2024
https://github.com/mmalfertheiner/frontend-monorepo
Share design lib with multiple frontends
design-system monorepo nextjs reactjs storybook tailwindcss yarn-workspaces
Last synced: 08 Jan 2025
https://github.com/alaskaairlines/auroreactdemo
An example React App with Auro Components integrated
Last synced: 22 Jan 2025
https://github.com/its-digital-technology/kernl-ui
The front-end web framework for Northeastern University's design system
alpinejs design-system tailwindcss
Last synced: 10 Feb 2025
https://github.com/carcajadaartificial/garlicss
GarliCSS 🧄 is an SCSS library with utilities for Design Systems.
css design-system responsive-web-design sass sass-framework
Last synced: 01 Feb 2025
https://github.com/theelegantcoding/stylelint-config-elegant-coding
⚙️ Stylelint configuration for fix errors before they cause problems in your code. It can also help you to develop good coding habits that will make your code easier to maintain in the long run.
clean-architecture clean-code design-system eslint node performance pnpm style-guide stylelint-rules typescript
Last synced: 02 Feb 2025
https://github.com/tmol4/star4
Our official design system and UI library
design-system frontend jsx material material-design material-you material3 react solidjs ui web
Last synced: 11 Nov 2024
https://github.com/alaskaairlines/auro-accordion
Custom element that allows users to toggle the display for sections of content
auro custom-element design-system
Last synced: 21 Nov 2024
https://github.com/gustavohps10/sapuris-design-system
🎨 My collection of standardized UI elements and styles
cicd design-system monorepo npm react stitches storybook tsup turborepo typescript
Last synced: 26 Jan 2025
https://github.com/shannakae/daisyuitokens
The goal of this project is to simplify the complex world of design systems and tokens by making the power of design tokens more accessible and turning what can be a daunting task into an intuitive process. Leveraging Tailwind, DaisyUI, and Token Studio, our goal is to create a comprehensive yet approachable theming system across multiple platforms
agnostic collaboration cross-platform daisyui design-system design-tokens figma tailwindcss theming tokenization tokenstudio
Last synced: 16 Jan 2025
https://github.com/shikha-code36/design-patterns-in-python
Design Patterns implemented in python
design design-pattern design-patterns design-system design-systems designing-classes designing-good-methods designing-interactive-systems patterns system system-design system-design-interview system-design-primer system-design-project system-design-questions
Last synced: 13 Jan 2025
https://github.com/abelflopes/react-ck
React Component Kit - React Components & Utils
cicd components design-system library react storybook tsx typescript utils
Last synced: 06 Nov 2024
https://github.com/lastnamearya/design-system-with-styled-components
Work in Progress : A simple Design System :rainbow: with Styled Components 💅
design-system reactjs styled-components
Last synced: 13 Feb 2025
https://github.com/zepdev/design-system-website
Living Style Guide for Zeppelin (Legacy)
design-system gatsbyjs react static-site-generator
Last synced: 18 Jan 2025
https://github.com/alaskaairlines/auro-background
Custom element for use as a way to show an image or background color around a block of code or in a slot when used in conjuction with other web components like `auro-banner`.
auro custom-element design-system generator-v3-8-1
Last synced: 21 Nov 2024
https://github.com/agence-adeliom/awc-figma-devmode
A tool to optimize the design-to-code transition, for modern web development using AWC Design System.
design-system figma figma-plugin
Last synced: 28 Jan 2025
https://github.com/jameslnewell/design-system-example
A demonstration of the tooling setup for a React based Design System.
Last synced: 13 Feb 2025
https://github.com/alaskaairlines/eslint-config
Auro's eslint config repo
auro config design-system eslint
Last synced: 21 Nov 2024
https://github.com/teambuzzle/bds
buzzle design system
design-system react styled-components typescript
Last synced: 11 Feb 2025
https://github.com/herokwon/herokwon-ds
Personal design system
design-system nextjs react storybook tailwindcss
Last synced: 13 Oct 2024
https://github.com/seppwc/tealeaf
A beautifully modular UI toolkit
classless classless-css classless-css-framework css css-framework cssframework design design-system designsystem hacktoberfest hacktoberfest2021 reset reset-css ui ui-components web-component web-components webcomponent webcomponents
Last synced: 09 Feb 2025
https://github.com/betagouv/figpot
Figma to Penpot converter and synchronizer, to not maintain multiple platforms 🎨🖌️
adobe-xd cloner converter design-system exporter figjam figma figma-plugin framework-ui mockup penpot sketch synchronizer transformer
Last synced: 02 Dec 2024
https://github.com/baakovi/cardapio
Hamburgueria online com diversas variedade de lanches para satisfazer a sua fome.
burger-menu css design design-system front-end html5 javascript online-shop shop shopping shopping-cart tailwindcss
Last synced: 30 Jan 2025
https://github.com/tavareshenrique/ignite-lab-design-system
O Ignite Lab Design System é um projeto da Rocketseat onde construimos uma aplicação de Design System utilizando: React, TypeScript, Vite, Tailwind e Storybook. 🚀 💜
design-system ignite-lab react rocketseat storybook tailwind typescript vite
Last synced: 10 Jan 2025
https://github.com/reginald-sahil-chand/exampler-motors-ecommerce-website
Exemplar Motors: A luxury car e-commerce site with HTML, CSS, and JavaScript. User-friendly design, Firebase for authentication/storage, Stripe for secure checkout.
backend chatgpt css3 design-system ecommerce-website exampler-motors firebase first-project frontend fullstack git github html5 javascript personal-project
Last synced: 02 Feb 2025
https://github.com/zepdev/zeppelin-element-library-react
React Components library based on the zeppelin-element-library
Last synced: 18 Jan 2025
https://github.com/0xforkitall/ui-kit
Design system and UI components for React or NextJs projects
design-system nextjs react ui-components uikit
Last synced: 24 Nov 2024
https://github.com/alaskaairlines/auro-pane
Custom element that displays a button with selectable shoulder dates and associated prices.
auro custom-element design-system generator-v4-1-0
Last synced: 21 Nov 2024
https://github.com/qiaoandrew/quadratic-ui
Beautiful, slightly styled components to build your next side project faster.
cmdk component-library design-system figma nextjs radix-ui react recharts shadcn-ui sonner tailwind-variants tailwindcss typescript uikit vaul vercel
Last synced: 23 Jan 2025
https://github.com/hahow/hahow-design
[DEPRECATED] Hahow Design System
component-library design-system pattern-library visual-testing
Last synced: 18 Jan 2025
https://github.com/paqtcom/graphite-design-system-site
Documentation site for the Graphite Design System
Last synced: 29 Jan 2025
https://github.com/buildit/online-ask-design-system
Ask not what your Design System - online presentation
atomic-design design-patterns design-system design-systems designsystem pattern-lab
Last synced: 04 Feb 2025
https://github.com/lttr/skaut-design
Bulma CSS framework adjusted for design system of czech scouts
Last synced: 11 Feb 2025
https://github.com/phobon/klavis
Essential compositional components and hooks using React, CSS-in-JS, styled-system and Framer Motion
design-system emotion framer-motion styled-system
Last synced: 17 Jan 2025
https://github.com/fabianhermar/design
Boxode design system for building a incredible web experiences.
boxode design design-system web-design web-experience
Last synced: 14 Oct 2024
https://github.com/cityofdetroit/cod-design-system
Design System proof of concept
Last synced: 06 Nov 2024
https://github.com/nordic-io/hlsx
minimum. wonderful
baseui chromatic design-system react storybook typescript vercel
Last synced: 29 Jan 2025
https://github.com/faustinopsy/atomic-designer
O design atômico é um processo iterativo em que cada um dos componentes (átomos, moléculas, organismos, modelos e páginas) são reunidos até chegarmos ao resultado esperado, e como é um processo iterativo podemos receber feedback mais feedback rápido do nosso cliente desde o primeiro dia até o momento em que geramos nossos primeiros átomos.
atomic-design css design-system html javascript spa
Last synced: 29 Jan 2025
https://github.com/tymothy6/local-design-tokens
Storage for Figma Design Tokens
design-system design-tokens figma
Last synced: 01 Jan 2025
https://github.com/mathisburger/chocolatecss
A small CSS framework for some basic design
css-boilerplate css-experience css-library darkmode design-system intention libary navbar scss scss-framework
Last synced: 05 Feb 2025
https://github.com/k3ury99/odyssey-agency
This is a design I made for a project, it's made in Mockitt one of the hundreds of interface editing applications currently available, it's inspired by a travel agency where it tries to convey the vibe of traveling around the world with a simple click, I hope you like it.
design-system figmadesign frontend mockitt
Last synced: 31 Jan 2025
https://github.com/birotaio/fifteen-design-system-vue
Vue 3 (Composition API + Typescript) implementation of the Fifteen Design System
Last synced: 20 Jan 2025
https://github.com/u2ui/u2
HTML Advanced: More Capabilities, Same Feel, Same Simplicity
component-library design-system pattern-library ui-toolkit web-components
Last synced: 14 Oct 2024
https://github.com/rafaelesantos/refds-design-system
RefdsUI is a Swift Package designed to streamline the implementation of a design system in SwiftUI. It offers a collection of reusable components and view extensions to enhance your SwiftUI development experience.
components design-system swift swiftui
Last synced: 07 Jan 2025
https://github.com/jesusgraterol/uipalettes
uipalettes is a Progressive Web App (PWA) that provides web developers access to a curated library of high-quality color palettes that fully comply with the Web Content Accessibility Guidelines (WCAG).
accessibility colors design design-system palette palette-generation palettes ui ui-components uikit user-interface utilities utility-application wcag
Last synced: 17 Jan 2025
https://github.com/the-nexim/design-system
List of components and utilities for building web applications with Nexim's design system powered by Material Design 3.
design-system material-design material-ui
Last synced: 10 Jan 2025
https://github.com/rocketcommunicationsinc/astro-v6
astro-web-components for version 6.
astrouxds design design-system space stencil ui web-components web-components-library
Last synced: 21 Jan 2025
https://github.com/matheusandrade23/ignite_react
Repositório que apresenta a certificação/projetos desenvolvidos durante aulas/desafios do curso de React do Ignite da Rocketseat.
certificate design-system nextjs reactjs storybook typescript
Last synced: 17 Dec 2024
https://github.com/dbtedman/design-system
A fictional design system based around Web Components.
design-system react stencil vue
Last synced: 09 Feb 2025
https://github.com/liteobject/notes.system.design
architecture design-system notes
Last synced: 29 Dec 2024
https://github.com/civicdatalab/design-system
A bootstrap design system for the website
bootstrap design-system ui-components
Last synced: 14 Jan 2025
https://github.com/lin3s/patternlibrarybuilder
Library that provides an elegant and easy way to develop a pattern library for your front-end components
design-system html pattern-library twig
Last synced: 29 Dec 2024
https://github.com/matheusps/blvkdv-system
Tailwind + systed-components oriented design system idea. (No production ready)
component-library design-system javascript react styled-components
Last synced: 06 Feb 2025
https://github.com/iaematt/ignite-design-system
Design system developed in ignite lab [rocketseat]
design design-system javascript storybook tailwind tailwindcss typescript ui uikit
Last synced: 01 Jan 2025
https://github.com/datum-consulting-nz/rasatech-design-system
RasaTech design system implemeted in React.js
component-library design design-system reactjs
Last synced: 10 Feb 2025
https://github.com/paraparata/superb
Design System experiment. Heavly influenced by arcade console style. Check `ts` branch.
Last synced: 07 Feb 2025
https://github.com/kostastepetes/elegant-design-system
🖋 elegant. is a slick, simple and clean Design System that can be used as a SASS/CSS boilerplate template for your next project.
css css-boilerplate css-template design-system sass scss
Last synced: 10 Jan 2025
https://github.com/fabian-kleine/cerberusui
A UI Library for when you have to create a doomsday app in Javascript
component-library components css css-components css-framework design-system javascript postcss react react-component-library react-components react-library typescript typescript-react ui-design ui-framework ui-library
Last synced: 11 Feb 2025
https://github.com/xop/choom
Trusted UI companion for your next React/Vue/Svelte/CSS prototype.
component-library css design-system emotion prototyping react styled-components svelte ui vue
Last synced: 07 Jan 2025
https://github.com/imsus/garuda-ds
[Not Official] Indonesian Government Web Design System
Last synced: 01 Feb 2025
https://github.com/demiinfinity/elementrix-ui
Elementrix-UI is an open-source, modular UI component library designed to simplify and enhance user interface development with reusable, framework-agnostic components.
component-library design-system frontend frontend-library modular open-source responsive scss stenciljs storybook typescript ui-components web-components
Last synced: 17 Jan 2025
https://github.com/ferdodo/crumbs
A web component library
design-system ui-library web-components
Last synced: 15 Oct 2024
https://github.com/iivic17/cassettie
[WIP] Cassettie is a streaming service platform. created with design-system, strongly typed polymorphic components, and static page generation from Nextjs, following modern patterns, powered by Redux Toolkit store, React Hook Form, and more.
app design-system nextjs redux-toolkit typescript
Last synced: 13 Feb 2025
https://github.com/stylescape/stylescape
Stylescape Design Framework
css css-framework css3 design design-framework design-system framework graphic-language html html5 javascript sass scss scss-framework style stylescape typescipt typescript
Last synced: 15 Oct 2024
https://github.com/clinia/clinia-ui
React-based design system for healthcare apps.
chakra-ui design-system react uikit
Last synced: 06 Jan 2025
https://github.com/carcajadaartificial/lunchbox-css
CSS distribution for Lunchbox 🍱 using GarliCSS 🧄 and Sass Door 🚪.
Last synced: 25 Dec 2024
https://github.com/ingresse/aphrodite-react
Aphrodite React - Ingresse Design Systems
design-system frontend javascript react
Last synced: 30 Jan 2025
https://github.com/zeyadetman/gateway-managment-system-fe
axios axios-react chakra-ui design-system netlify reactjs typescript yup
Last synced: 17 Jan 2025
https://github.com/ddamato/damato.design
DAMATO Design System
design-system design-system-manager design-systems
Last synced: 10 Jan 2025
https://github.com/sney-js/figma-powerset
Figma plugin that renders all permutations of a selected instance based on the values of its variant properties.
design-system documentation figma-plugin
Last synced: 25 Dec 2024
https://github.com/panagiotispitsikoulis/landing.monorepo
Build stunning landing pages in minutes with Landing UI - the ultimate design system for React developers who want to ship faster. Think shadcn/ui, but specifically crafted for landing pages! 🚀
components design-system framer-motion landing-page nextjs radix-ui react shadcn typescript ui-library
Last synced: 02 Jan 2025
https://github.com/icyds/icyds
icyDS - icy Design System
design-system jekyll-theme jekyll-themes
Last synced: 06 Jan 2025
