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-19 00:08:10 UTC
- JSON Representation
https://github.com/sirajcode/studio
💻 A UI design system to make truly re-useable with React JS styled-components
design-system react reactjs styled-components
Last synced: 15 Jan 2025
https://github.com/marcelo-diament/console-log-design-system
A npm package to make your console messages more visual and well organized
Last synced: 14 Feb 2025
https://github.com/zevolution/golang-netflix-hexagonal-arch
architectural-patterns clean-architecture concurrency concurrent-programming design-patterns design-system go golang goroutines hexagonal hexagonal-architecture job layer-architecture microservice netflix parallel parallel-programming ports-and-adapters system-design thread
Last synced: 25 Jan 2025
https://github.com/bcrikko/0bytes.css
0bytes.css is a lightweight and supports all browsers. You don't have to write CSS anymore.
css css-framework design-system
Last synced: 28 Oct 2024
https://github.com/daveanthonyc/dc-design-system
This is my own design system that is available for building out websites that have the same UI/UX feel of contemporary "awwward" winning websites. I will also document my research and methodology regarding this.
component-library cssinjs design-system frontend open-source react storybook typescript
Last synced: 13 Jan 2025
https://github.com/izaiasmorais/design-system
Uma interface de autenticação integrada com um design system no Storybook.
authentication design-system figma ignite-2021 radix-ui storybook tailwindcss vite
Last synced: 13 Jan 2025
https://github.com/wearegenki/ui
A friendly UI framework which aims to be straightforward, intuitive, and high performance.
css css-grid design-system marko postcss vue wearegenki
Last synced: 21 Jan 2025
https://github.com/ably/ably-ui
Home of the Ably design system library.
components-library design-system rails react viewcomponents
Last synced: 17 Nov 2024
https://github.com/opire/design-system
Opire's Design System
components design design-system storybook styleguide typescript
Last synced: 07 Nov 2024
https://github.com/dev-ashishranjan/mittal-high
College DBMS Project. This is an apartment management project created using React+Express+MySql
dbms dbms-project design-system management-system mysql-database sql-project
Last synced: 11 Jan 2025
https://github.com/super-luoki/web-os-ui
Win11 style React component library.
design-system operating-system-style react typescript ui-kit
Last synced: 06 Feb 2025
https://github.com/locol23/component-library-react-vite-linaria-boilerplate
A component library (design system) boilerplate with TypeScript and React, linaria, Vite, Vitest, Storybook
component-library design-system linaria react storybook typescript vite vitest
Last synced: 08 Jan 2025
https://github.com/minakovnv/expert-system-for-space-rockets-launch-decision-making-on-the-basis-of-weather-conditions
Expert system for space rockets launch decision-making on the basis of weather conditions
database delphi design-system expert-system information-systems machine-learning pascal
Last synced: 19 Jan 2025
https://github.com/saas-js/saas-ui-illustrations
Open Source Illustrations for Design Systems and Docs
component-library design-system designsystem storybooks ui-components ui-docs
Last synced: 26 Jan 2025
https://github.com/bkdev98/innoteq-design-system
🧜🏿♂️
design-system gatsbyjs reactjs styled-components styled-system
Last synced: 09 Feb 2025
https://github.com/eurusik/daisyng
🚀 daisyUI + Angular = daisyNG
angular angular-daysiui component-library components daisyui daysi-ui design-system kit library ngx-daysiui scss tailwind tailwindcss ui ui-kit ui-library
Last synced: 14 Feb 2025
https://github.com/jamespatrickgibson/union
A design system boilerplate for Svelte & CSS
css-custom-properties design-system svelte-components sveltejs
Last synced: 14 Oct 2024
https://github.com/f-lab-edu/design-hub
hj-design-system
component-ui design-system hj-design-system
Last synced: 08 Feb 2025
https://github.com/ec-europa/ecl-webcomponents
ECL webcomponents is a new implementation of ECL vanilla components
design-system ecl stenciljs webcomponents
Last synced: 11 Nov 2024
https://github.com/nicholasgillespie/scalable-scss-design-system
The Scalable SCSS Design System is a customizable system for managing design tokens like colors, spacing, and typography. It ensures consistent theming with CSS variables, token access via the get function, and utility classes. Built for scalability, it’s easy to integrate, maintain, and adapt, ideal for projects of any size.
css cube design-system every-layout sass scalable scss tokens
Last synced: 11 Feb 2025
https://github.com/alaskaairlines/auro-menu
Custom element that provides a list of options for the user to choose from
auro custom-element design-system generator-v4-4-5
Last synced: 21 Nov 2024
https://github.com/besnik/css-design-tutorial
Plain CSS design tutorials including grid, flex, app layouts, design system, vue and more.
css css-layout design-system flex grid html layout tutorial vue
Last synced: 10 Jan 2025
https://github.com/flemingvincent/rn-ts-tw-design-system
A simple way to create design systems using React Native, TypeScript, and Tailwind CSS.
components design-system expo react-native tailwind typescript
Last synced: 30 Dec 2024
https://github.com/alaskaairlines/auro-select
Combo custom element containing pre-defined trigger options with menu in the dropdown panel
auro custom-element design-system generator-v4-3-2
Last synced: 21 Nov 2024
https://github.com/starknightt/login-page
This project is a beautifully designed and responsive login page that draws inspiration from the iconic Instagram platform. With a clean and modern aesthetic, it provides an engaging user experience for your web application. Don't forget to give it a star ⭐if you liked it.
beautfiul color-grading color-scheme css css3 design-system html html5 login login-page
Last synced: 12 Jan 2025
https://github.com/alaskaairlines/auro-input
Custom HTML element for inputting string data in forms
auro custom-element design-system
Last synced: 21 Nov 2024
https://github.com/cds-snc/gcds-utility
GC Design System Utility is a utility framework for GC Design System. | L'utilitaire de Système de design GC est un cadre utilitaire pour ce système.
canada design-system government government-canada utility-framework
Last synced: 11 Jan 2025
https://github.com/alaskaairlines/auro-hyperlink
Custom hyperlink element to connect webpages or data items to one another
auro custom-element design-system generator-v3-11-0
Last synced: 21 Nov 2024
https://github.com/xop/awsm-docs
Design System Documentation Website Slingshot
astro design-system design-tokens headless-components scaffolding ui-components ui-library
Last synced: 07 Jan 2025
https://github.com/metasidd/colortokenskit-ios
A powerful color tokens system for iOS
colors design-system swift tokens
Last synced: 21 Nov 2024
https://github.com/inthepocket/react-shared-component-library-demo
👨🏫Demo showcase of using react-native-web for shared component libs between React & React Native
design-system itp itp-rn-academy react react-native react-native-web react-shared-component-library
Last synced: 16 Nov 2024
https://github.com/artlasovsky/foundation-ui
Package to speedup UI prototyping and development using SwiftUI.
design-system ios macos modifier swiftui
Last synced: 02 Feb 2025
https://github.com/3lvia/designsystem
Designsystem for all Elvia websites and apps https://design.elvia.io/
angular design-system docs react web-components
Last synced: 02 Jan 2025
https://github.com/zepdev/zeppelin-element-library
Element Library as a styleguide solution for Zeppelin
Last synced: 18 Jan 2025
https://github.com/principes-artis-mechanicae/design-system
GET-P Design System & UI Kit
design-system emotion-css emotion-react emotion-styled npm npm-package react rollup storybook typescript
Last synced: 07 Nov 2024
https://github.com/behzadam/shared
Boilerplate for creating React component libraries, with Rollup.js ,Storybook, Typescript, Tailwind CSS, Shadcn/ui
boilerplate design-system react rollupjs shadcn-ui storybook ui-components ui-kit uikit
Last synced: 10 Feb 2025
https://github.com/mrfatworm/le-move-android
AAPD Camp#2 35th Group Project
android design-system jetpack-compose sample
Last synced: 19 Feb 2025
https://github.com/khaled-alselwady/countdown-timer
⏲️ Countdown Timer is a web app that lets you create, manage, and track multiple customizable timers. Easily start, pause, resume, and delete timers with a user-friendly interface. ⏳
angular cli component css design-system html javascipt model modules standalone-components templates typescript website
Last synced: 16 Jan 2025
https://github.com/louffee/canada-design-system
Canada is the Louffee's Design System intended to make beautiful UIs with a lot of UX touches 🧭
accessibility atoms canada components design design-system molecules monorepo react storybook ui ux ux-ui
Last synced: 23 Jan 2025
https://github.com/lilingxi01/svdm
SVDM - Styling Variance Decomposition Module
design design-system styling svdm ui ui-components ux variance
Last synced: 20 Jan 2025
https://github.com/wealthbar/peak-style
Base style for the Peak Design System - includes only basic elemental styling and themes, no layout or structure patterns
Last synced: 17 Jan 2025
https://github.com/wildonion/rustacki
A Rusted and Ready to Go Stateful Backend Boilerplace Code with Super Clean Code, Actor based Components and Onion Design Pattern
actix-web actor-model asynchronous-programming design-patterns design-system multithreading rabbitmq rabbitmq-consumer reids rust-lang tokio
Last synced: 07 Nov 2024
https://github.com/metamodern-design/color-system
A configurable HSL color system for use with TailwindCSS
color design-system hsl tailwindcss
Last synced: 23 Jan 2025
https://github.com/zjefersound/go-uni-client
Project following best practices and modern front-end concepts. (Declarative UI, Server components, Design System)
declarative-ui design-system next-auth nextjs13 reactjs saas server-components tailwindcss
Last synced: 26 Jan 2025
https://github.com/cds-snc/gcds-tokens
GC Design System Tokens are the smallest building blocks of GC Design System, represent design decisions for basic elements like colour, typography, and spacing. | Les jetons Système de design GC sont les plus petits blocs de construction du système et représentent les choix de design pour les éléments de base (couleur, typographie, espacement…).
canada design-system design-tokens government government-canada style-dictionary
Last synced: 12 Nov 2024
https://github.com/artsy/palette-docs
Docs for Palette, Artsy's Design System
design-system react styled-system
Last synced: 07 Jan 2025
https://github.com/ngx-primer/primer-ui
Ngx Primer - A collection of reusable Angular components, modules, and directives designed to help you build beautiful UIs, following the GitHub Primer Design System.
angular angular-components angular-ui-kit component-library design-system modular-design ngx-primer open-source primer-design-system responsive-ui responsive-ui-kit ui-components web-components web-components-library
Last synced: 02 Feb 2025
https://github.com/mauriciogirardi/girardi-ui-design
design system
cicd design-system npm radix reactjs stiches tokens
Last synced: 18 Feb 2025
https://github.com/nypublicradio/nypr-design-system-vue
The repo for Radial, NYPR's Design System! Codeowner: @kimlarocca
design design-system design-systems storybook vue vuejs
Last synced: 25 Dec 2024
https://github.com/uinix-js/uinix-site
Website for uinix-js
css design-system theme ui ui-system uinix
Last synced: 16 Feb 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/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/ezy/govtnz-ds-storybook
A light-weight POC with the aim of producing a govt front-end component library using storybook, built on top of the GovtNZ Design System (Alpha).
design-system gov government govt javascript nodejs storybook
Last synced: 24 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/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/breitburg/zephyr
Zephyr is a modern and cute design system implementation in Flutter, inspired by Zenly, Snapchat and Dualingo
Last synced: 14 Jan 2025
https://github.com/sancruz-dev/ignitelab-design-system
Projeto realizado duarante o evento Ignite Lab 3
design-system figma radix-ui reactjs storybook tailwindcss typescript
Last synced: 12 Jan 2025
https://github.com/pedrohenrikle/ignite-call
Ignite Call is a call scheduling application, where you can register your availability and invite people to events, with connection to Google Calendar, the app creates the event and attaches a Google Meet call to the call automatically
calendar design-system fullstack-development google-calendar googleapis javascript next nextjs react react-hook reactjs resolvers schedule stitches typescript zod
Last synced: 24 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/hello-softis/andromeda
Design System used by Softis.
design-system front-end javascript react stitches storybook tailwind tailwindcss typescript
Last synced: 13 Oct 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/focela/theme
A customizable React theming library for consistent, scalable, and efficient UI design.
customizable design-system focela frontend react theme theme-provider theming ui
Last synced: 30 Dec 2024
https://github.com/teambuzzle/bds
buzzle design system
design-system react styled-components typescript
Last synced: 11 Feb 2025
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/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/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/mitchgavan/react-mdx-styleguide
A custom style guide/design system/component library for React apps.
component-library css-in-js design-system mdx react styleguide
Last synced: 12 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/matteusan/hashi-themes
Themes for Dev Protocol's Hashi design system made by the community
css design-system dev-protocol hashi html scss theme themes theming ui
Last synced: 18 Jan 2025
https://github.com/alaskaairlines/auro-datetime
HTML custom element that has a built-in date/time API
auro custom-element design-system
Last synced: 21 Nov 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/jameslnewell/design-system-example
A demonstration of the tooling setup for a React based Design System.
Last synced: 13 Feb 2025
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/goh-chunlin/haneul
UX Standard Guidelines: Materialise the user values with upgraded total experience.
Last synced: 08 Jan 2025
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/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/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/heliocarlitos/projecto-huta
Este é um projecto da Hutauta Developer que tem como objctivo fornecer componentes de sites open source.
components-and-templates components-open-source desenvolvimento-web design-patterns design-system hutadev hutadeveloper hutautadev hutautadeveloper ui ui-ux ux
Last synced: 12 Feb 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/neoground/neopren
The Neopren Design System
bootstrap design-system preact
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/mlibrary/umlib_admin
Drupal admin theme for U-M Library based on the Claro theme
Last synced: 19 Feb 2025
https://github.com/alaskaairlines/auro-toast
Custom element that illustrates a push notification after an action is complete
auro custom-element design-system generator-v4-0-1
Last synced: 21 Nov 2024
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/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/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/brunos3d/nx-storybook-design-system
Creating a design-system lib with Nx and Storybook. (POC project)
design-system example monorepo nx proof-of-concept react storybook styled-components typescript
Last synced: 07 Jan 2025
https://github.com/chepetime/stencil-design-system
UI Component Library Template with Stencil and Turborepo
design-system stenciljs turborepo
Last synced: 29 Dec 2024
https://github.com/vivek12345/lounge-design-system
Design system using emotion, styled-system and react - for learning
design-system emotion react styled-system
Last synced: 22 Oct 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/lttr/skaut-design
Bulma CSS framework adjusted for design system of czech scouts
Last synced: 11 Feb 2025
https://github.com/alaskaairlines/auro-avatar
Custom element for the purpose of displaying an avatar image.
auro custom-element design-system
Last synced: 21 Nov 2024
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/alaskaairlines/auro-radio
Custom input element of type radio generally used in radio groups—collections of radio buttons describing a set of related options
auro custom-element design-system
Last synced: 21 Nov 2024
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: 16 Feb 2025
https://github.com/vickttor/ignite-reactjs-design-system
This is a Monorepo to build a design system with ReactJS. It uses CI/CD with Github Actions.
changesets cicd design-system monorepo react storybook tsup turborepo typescript
Last synced: 22 Jan 2025
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/cityofdetroit/cod-design-system
Design System proof of concept
Last synced: 06 Nov 2024