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-05 00:08:00 UTC
- JSON Representation
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/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/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/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/alaskaairlines/aurocore-swatch
custom-element design-system orion web-component
Last synced: 22 Jan 2025
https://github.com/alaskaairlines/auroangulardemo
An example Angular App with Orion Components integrated
angular demo design-system orion
Last synced: 22 Jan 2025
https://github.com/alaskaairlines/auroreactdemo
An example React App with Auro Components integrated
Last synced: 22 Jan 2025
https://github.com/romeusorionaet/design-system-ignite
Design-system desenvolvido em aula
design-system reactjs rocketseat typescript
Last synced: 12 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/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/johanbook/aurora
A battery-included design system for React
design-system material-ui react
Last synced: 16 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/corllete/apos-ds
Design system / pattern library bundle for Apostrophe CMS v3
apostrophe apostrophecms design-system mongodb nunjucks nunjucks-components pattern-library story
Last synced: 14 Nov 2024
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/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/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/paqtcom/graphite-design-system-site
Documentation site for the Graphite Design System
Last synced: 29 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/zepdev/zeppelin-element-library-react
React Components library based on the zeppelin-element-library
Last synced: 18 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/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: 22 Dec 2024
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/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/nordic-io/hlsx
minimum. wonderful
baseui chromatic design-system react storybook typescript vercel
Last synced: 29 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/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/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/alaskaairlines/eslint-config
Auro's eslint config repo
auro config design-system eslint
Last synced: 21 Nov 2024
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/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/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/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/eylatamsouth/beyondstyle
Library of shared components of BeyondLabs
Last synced: 22 Dec 2024
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/codegouvfr/rescript-react-dsfr
🇫🇷 ReScript bindings for react-dsfr
design-system dsfr react rescript
Last synced: 11 Jan 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/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/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/herokwon/herokwon-ui
Design System by Turborepo + Storybook + Changesets
changesets design-system storybook turborepo
Last synced: 04 Jan 2025
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/tymothy6/local-design-tokens
Storage for Figma Design Tokens
design-system design-tokens figma
Last synced: 01 Jan 2025
https://github.com/samuelematias/suids
🎨 SwiftUI Design System
design-system design-systems ios macos swiftui xcode14
Last synced: 10 Jan 2025
https://github.com/samuelematias/gamespedia
👾 An encyclopedia of games, where you can find details of some games.
dart design-system flutter games lineage2
Last synced: 10 Jan 2025
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: 17 Dec 2024
https://github.com/hashtag-design-system/design_system
Components, design primitives, and tools for #hashtag's design system. Build with React.js, TypeScript & SCSS.
design-system figma hashtag reactjs scss
Last synced: 17 Dec 2024
https://github.com/abhilash26/varify
Varify is a highly configurable, responsive library of style-agnostic CSS variables for your next design system. It lets you write faster, more consistent, and more maintainable styles.
css css-utilites css-variables design-system
Last synced: 23 Jan 2025
https://github.com/behzadam/patterns
Learn and apply TypeScript design patterns through practical examples and code snippets.
design-pattern design-patterns design-system patterns typescript
Last synced: 18 Dec 2024
https://github.com/lttr/skaut-design
Bulma CSS framework adjusted for design system of czech scouts
Last synced: 18 Dec 2024
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/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: 19 Dec 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: 25 Dec 2024
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/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/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/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/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/soujvnunes/ui-theme
Generate CSS3 custom properties based on a given theme with tokens and aliases serving as a reference.
css3-custom-properties design-system design-tools responsive-design typescript
Last synced: 19 Jan 2025
https://github.com/im-mou/items-manager
Simple web app to manage items - Wallapop take home test
design-system mobx react responsive-design sass
Last synced: 19 Jan 2025
https://github.com/ajaymarathe/ng-epic-design-system
Hi there, Ng Epic Design System is open souce UI-KIT for Angular lovers based on Bootcatch Epic Theme thanks :)
angular angular-design angular-uikit bootcatch bootstrap-angular-uikit bootstrap-uikit bootstrap4 design-system ng-design-system ng-epic-design-system uikit
Last synced: 25 Jan 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/crosbydoo/flux-ui
Flux UI is a open source design system thats make by crosbydev. customize component thats make be easier to use and to help the development
android dart design-system flutter ios ui-design
Last synced: 25 Jan 2025
https://github.com/lukashirt/touchpoints
Statically generated Vue design system built with NuxtJS
design-system nuxtjs typescript vue vue-docgen-api
Last synced: 05 Feb 2025
https://github.com/lemonpeach/panda-san
パンダさん loves to help you build beautiful, responsive, and accessible web applications.
css design-system js react sass
Last synced: 21 Nov 2024
https://github.com/avalladaresm/breeze-ui
Beautiful custom components build using React with Tailwind CSS.
breeze-ui design-system frontend react tailwindcss
Last synced: 15 Dec 2024
https://github.com/dashbrains/halo
[UNDER REWORK] DashBrains design system
component-library design-system react typescript
Last synced: 18 Nov 2024
https://github.com/armondschneider/sannaui
🚧 sannaUI is a modular UI library. 🚧
Last synced: 23 Jan 2025
https://github.com/malcodeman/malcomponents
Collection of React components.
design-system react theming typescript
Last synced: 02 Dec 2024
https://github.com/johackim/design-system
My personal design system
design-system react storybook tailwindcss
Last synced: 15 Dec 2024
https://github.com/iconshot/paletto
On-demand systematic CSS framework.
css design design-system javascript
Last synced: 05 Dec 2024
https://github.com/evandhq/react-jupiter
An UI design language with React implementation
design-system framework react reactjs
Last synced: 07 Dec 2024
https://github.com/renderghost/bones
Design system for renderg.host
design-system react storybook tailwindcss vite
Last synced: 18 Jan 2025
https://github.com/louis-young/design-system-react
A React design system package.
component-library design-system design-system-react javascript npm package react shared typescript
Last synced: 16 Jan 2025
https://github.com/inclusive-design/idg-design-system
Design system for the Inclusive Design Guide.
atomic-design design-system design-tokens eleventy
Last synced: 21 Jan 2025
https://github.com/ali-sanad/storybook-demo-app
Storybook Demo App
design-system documentation netlify react storybook typescript vite
Last synced: 05 Jan 2025
https://github.com/gabrielrabreu/oldones.sage_react
A React design system.
design-system react scss typescript
Last synced: 17 Jan 2025
https://github.com/matheusscode/lumina-ui
Lumina UI: Um design system intuitivo baseado no Tailwind CSS e HTML puro, potencializado com TypeScript. Oferece componentes reutilizáveis, personalização flexível e integração perfeita. Simplifique o desenvolvimento e garanta consistência visual em suas aplicações.
design-system frontend nextjs14 react tailwindcss typescript ui-components uikit
Last synced: 21 Jan 2025
https://github.com/fabricioallves/daily_diet
Desafio da trilha Ignite para o desenvolvimento de um aplicativo para armazenas refeições dentro e fora da dieta e🚧🧑💻
design-system react-native styled-components typescript
Last synced: 05 Feb 2025
https://github.com/osvaldokalvaitir/reactjs-ignite2022-project6
:open_book: Ignite Design System using tsup, Storybook for React, storybook-addon-a11y and storybook-addon-a11y. Monorepo with Turborepo. CI/CD publishing to Github Pages and NPM using GitHub Actions, @changesets/cli and cache with Vercel. Versioning with @changesets/cli
bootcamp design-system ignite ignite-2022 reactjs rocketseat
Last synced: 15 Dec 2024
https://github.com/ugurctaygun/storybook-react-mui-workshop
design-system muiv5 react storybook
Last synced: 17 Jan 2025
https://github.com/kouprlabs/koupr-ui
🧩 Design System & React Components
components design-system react ui
Last synced: 08 Dec 2024
https://github.com/sevlamare/inventory_dashboard
a11y design-system i18n react redux rtk-query typescript
Last synced: 22 Jan 2025
https://github.com/casecommons/cbp-ds-in-css
Casebook DS styles in pure CSS (via SASS)
Last synced: 15 Jan 2025
https://github.com/madetech/rnd-design-system
common design system for back-office interfaces
Last synced: 25 Jan 2025
https://github.com/daniel-portela/projetos-webdesign
Aqui você encontrará exemplos de trabalhos que refletem meu domínio em Web Designer, edição de imagens, dentre outros.
design design-system web-development website
Last synced: 22 Jan 2025
https://github.com/ondrejlosensky/components-library
My personal UI Library made primarily for Next.js but also compatible with pain React. Used in some of my projects
Last synced: 17 Jan 2025
https://github.com/murshidazher/monorepo-styleguide
✏️️ A monorepo styleguide using lerna, storybook and etc..
design-system lerna library monorepo scalable storybook styled-components
Last synced: 31 Dec 2024
https://github.com/simonwhatley/nhsuk-design-system-snippets-atom-package
This Atom package includes snippets to help build the UK's NHS digital services.
atom atom-package design design-system nhsuk nunjucks package snippets
Last synced: 19 Nov 2024
https://github.com/standardkit/styles
Styles for the StandardKit Design & Component System. Configurable & Extendable. Use it with components to quickly build your web platform!
css design-system scss scss-framework standardkit
Last synced: 19 Dec 2024
https://github.com/simonwhatley/govuk-prototype-kit-macros
A code kit for building UK Government digital service prototypes built with v6.3.0 of the prototype kit
code design-system govuk nunjucks patterns prototype-kit prototyping template-library
Last synced: 19 Nov 2024
https://github.com/sujaykundu777/ritro-ui-components
Ritro UI - reusuable react components
Last synced: 14 Jan 2025
https://github.com/ingridevv/desafio-ux-dio
Projeto de UX do curso Formação UX da plataforma Digital Innovation One.
course-projects design-system dio-bootcamp prototype ui-design ux-design ux-designer ux-experience ux-ui
Last synced: 09 Jan 2025
https://github.com/systemdes/system
Design foundations and components for my OS
assets astro branding components design design-system materials principles
Last synced: 22 Jan 2025
https://github.com/camillamendess/projeto-designsystem
Este projeto utiliza Next.js, Tailwind CSS e Storybook para a criação de uma biblioteca de componentes reutilizáveis e escaláveis.
design-system nextjs react storybook tailwindcss
Last synced: 07 Dec 2024