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-19 00:07:26 UTC
- JSON Representation
https://github.com/uinix-js/uinix-theme-spec
The default uinix theme spec
css design-system spec theme ui ui-system uinix
Last synced: 06 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: 06 Nov 2024
https://github.com/mlibrary/umlib_admin
Drupal admin theme for U-M Library based on the Claro theme
Last synced: 07 Nov 2024
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/joshblack/laufey
Laufey is an exploration around building design systems
design-system javascript react
Last synced: 27 Oct 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: 10 Nov 2024
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/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: 10 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: 31 Oct 2024
https://github.com/tymothy6/local-design-tokens
Storage for Figma Design Tokens
design-system design-tokens figma
Last synced: 17 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: 14 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: 27 Oct 2024
https://github.com/coryrylan/clarity-hugo
Example demo of using the Clarity Design System with Hugo
clarity-design design-system hugo
Last synced: 16 Oct 2024
https://github.com/mmalfertheiner/frontend-monorepo
Share design lib with multiple frontends
design-system monorepo nextjs reactjs storybook tailwindcss yarn-workspaces
Last synced: 10 Nov 2024
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: 16 Nov 2024
https://github.com/goh-chunlin/haneul
UX Standard Guidelines: Materialise the user values with upgraded total experience.
Last synced: 10 Nov 2024
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/codegouvfr/rescript-react-dsfr
🇫🇷 ReScript bindings for react-dsfr
design-system dsfr react rescript
Last synced: 12 Nov 2024
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/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 Oct 2024
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: 11 Nov 2024
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/breitburg/zephyr
Zephyr is a modern and cute design system implementation in Flutter, inspired by Zenly, Snapchat and Dualingo
Last synced: 14 Nov 2024
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: 15 Oct 2024
https://github.com/romeusorionaet/design-system-ignite
Design-system desenvolvido em aula
design-system reactjs rocketseat typescript
Last synced: 12 Nov 2024
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 Nov 2024
https://github.com/lttr/skaut-design
Bulma CSS framework adjusted for design system of czech scouts
Last synced: 14 Oct 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: 13 Nov 2024
https://github.com/marcobiedermann/ui
🦄 Collection of web UI components
components css design-system javascript modules react storybook styleguide ui
Last synced: 28 Oct 2024
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: 22 Oct 2024
https://github.com/teambuzzle/bds
buzzle design system
design-system react styled-components typescript
Last synced: 31 Oct 2024
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 Nov 2024
https://github.com/apvarun/rewind-components
Ready to use components for your next project
component-library components design-system react react-component-library
Last synced: 11 Oct 2024
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: 13 Oct 2024
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/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: 17 Nov 2024
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: 13 Oct 2024
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: 13 Oct 2024
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: 15 Nov 2024
https://github.com/jameslnewell/design-system-example
A demonstration of the tooling setup for a React based Design System.
Last synced: 28 Oct 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 Nov 2024
https://github.com/hahow/hahow-design
[DEPRECATED] Hahow Design System
component-library design-system pattern-library visual-testing
Last synced: 17 Nov 2024
https://github.com/zepdev/zeppelin-element-library-react
React Components library based on the zeppelin-element-library
Last synced: 17 Nov 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: 11 Oct 2024
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/juanesgalvis/galvisvue
Portafolio personal programado en Vue JS
design-system netlify npm vue-router vuejs
Last synced: 24 Oct 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: 13 Oct 2024
https://github.com/nishantjoshi00/fun-luhn
nishantjoshi00.github.io/fun-luhn | Learn luhn for fun | Learn Languages | System Design | LLD | Scripting
ci design-system low-level-programming multilanguage scripting
Last synced: 03 Nov 2024
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: 18 Nov 2024
https://github.com/mobile-michel/color-design-system
Color Design System with Oklch
Last synced: 16 Nov 2024
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: 08 Nov 2024
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: 11 Nov 2024
https://github.com/mehradi-github/ref-storybook
Building UI components and pages in isolation
Last synced: 13 Oct 2024
https://github.com/rafaelesantos/refds-ui
RefdsUI é uma biblioteca de componentes SwiftUI que fornece aos desenvolvedores a maneira mais fácil possível de criar novas telas para suas aplicações.
Last synced: 10 Nov 2024
https://github.com/nhsuk/design-system-testing
Testing design styles, components and patterns for the NHS digital service manual (design system).
Last synced: 08 Nov 2024
https://github.com/alfianandinugraha/react-component-lib
📦 Example React Component Library using Gulp + Rollup + Typescript + Storybook.
component design-system gulp library react rollup storybook typescript
Last synced: 15 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: 10 Nov 2024
https://github.com/srvycool/ds
design system
design-system react semantic-release styled-components typescript
Last synced: 13 Nov 2024
https://github.com/malcodeman/malcomponents
Collection of React components.
design-system react theming typescript
Last synced: 29 Oct 2024
https://github.com/mmncit/web-ds
Web frontend design system to leverage re-usable react components
design-system matrial-ui playground-project react storybook typescript
Last synced: 18 Nov 2024
https://github.com/waterbinnn/waterbin-design-system
@waterbin/design-system (deprecated)
design-system nextjs storybook styled-components
Last synced: 11 Nov 2024
https://github.com/drsounds/space
Pure CSS-vars flexible CSS design system
bootstrap design design-system
Last synced: 09 Nov 2024
https://github.com/jamal-saadeddin/taskbox
Implementation of the Storybook tutorial, developed during my internship at Foothill Technology Solutions. It covers Chromatic integration, deployment, story writing, error/loading state handling, and creating a components screen.
components design-system react storybook testing ui-components web-components
Last synced: 13 Oct 2024
https://github.com/sebastianmb-it/cti-design
CTI Design provides base and complex components to support the building of powerful communication platforms.
components design-system react react-hooks typescript
Last synced: 13 Nov 2024
https://github.com/studio24/design-system
Simple documentation-first tool to build a static design system
Last synced: 13 Nov 2024
https://github.com/theoryofnekomata/viewfinder
Layout scaffolding for Web apps.
design design-system layout react scaffolding template
Last synced: 13 Nov 2024
https://github.com/danmad/node-sass-token-importer
A module that extends node-sass by supporting the imports of cross-language design tokens
Last synced: 15 Oct 2024
https://github.com/vagnerbellacosa/050_designsystemcomocriarprototiponavegacaomockupappsmobile
Design System: Como criar protótipo, navegação e mock-up para apps mobile
design-system digital-innovation-one figma labs mock ui ux
Last synced: 09 Nov 2024
https://github.com/lunchboxav/governor-generator
Rust powered, React component generator, based on Figma API
design-system figma react rust ui-component
Last synced: 16 Nov 2024
https://github.com/jsimplicio/design-systems-info
https://designsystems.info/
Last synced: 08 Nov 2024
https://github.com/systemdes/system
Design foundations and components for my OS
assets astro branding components design design-system materials principles
Last synced: 13 Oct 2024
https://github.com/clinia/clinia-ui-legacy
React-based design system for healthcare apps.
chakra-ui design-system react uikit
Last synced: 18 Nov 2024
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: 16 Nov 2024
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: 13 Nov 2024
https://github.com/prosazhin/tailwind-dictionary
Creating a Tailwind Theme from design tokens
build-system build-tool design design-system design-tokens design-tool dictionary style system tailwind tailwind-theme theme tokens tool
Last synced: 10 Nov 2024
https://github.com/duyquang6/when-things-might-fail
Break up your illusion about a high availability or a strong consistency system
design-system might-fail what-if
Last synced: 13 Nov 2024
https://github.com/paoloprodossimolopes/venuz
Venuz is a desing system component to create user interfaces with flexibility and style in every composition.
apple design-system swift swiftui uikit
Last synced: 25 Oct 2024
https://github.com/prosazhin/pbstyles
Basic styles for quick prototyping
css design design-system design-tokens design-tool less scss style system tailwind tailwind-theme theme tokens tool
Last synced: 10 Nov 2024
https://github.com/afrijaldz/persona-layer
Module designed to simplify the process of installing Persona Design System for your application
Last synced: 16 Oct 2024
https://github.com/nazchini/space-travel
A multipage, responsive website on space travel (Pure JS) that strives for AA accessibility compliance.
accessibility css design-system javascript
Last synced: 09 Nov 2024
https://github.com/alessandro-maciel/alurabooks
design-system react react-router-dom styled-components
Last synced: 10 Nov 2024
https://github.com/chermann-king/personal-finance-app
This is my solution to the 23th challenge I answered proposed by FRONTENDMENTOR.IO
accessibility design-system figma nextjs14 tailwind-css typescript vercel
Last synced: 16 Nov 2024
https://github.com/imnotannamaria/ignite-design-system
Design System with Storybook
design-system radix-ui stiches storybook tsup turborepo typescript
Last synced: 07 Nov 2024
https://github.com/jonambas/proply
🔎 A tool to help explore your app's React component usage
design-system design-systems javascript react
Last synced: 21 Oct 2024
https://github.com/jonambas/sketch-reporter
A tool that calculates Sketch library usage across Sketch files.
design-system design-systems design-tools sketch ui-kit
Last synced: 21 Oct 2024
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: 10 Nov 2024
https://github.com/divriots/starter-vue3-waveui
backlight design-system vue vue3 waveui
Last synced: 13 Nov 2024
https://github.com/liteobject/notes.system.design
architecture design-system notes
Last synced: 07 Nov 2024
https://github.com/lucianakyoko/elementum-ds
Design System no front-end usando Storybooks, Next.js14 e TailwindCSS
atomic-design design-system nextjs14 storybook tailwindcss
Last synced: 13 Oct 2024
https://github.com/divriots/starter-kicks
A Shoelace based design system as a starter kit for Backlight
backlight design-system shoelace webcomponents
Last synced: 13 Nov 2024
https://github.com/selfishprimate/figma-tokens-automation
This project is ment to be a ready-to-use design tokens automation tool for your multi-brand design system projects.
design-system design-token design-tokens figma figma-export figma-to-json figma-tokens style-dictionary
Last synced: 18 Nov 2024
https://github.com/fhrsales/design-system-estadao
Manual de identidade visual da versão impressa do Estadão – 2021
design-system javascript print
Last synced: 23 Oct 2024
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: 07 Nov 2024
https://github.com/leandro-mancini/ditto
Crie aplicativos escaláveis e acessíveis com facilidade.
angular css-in-js csstype dark-mode design-system design-tokens docusaurus emotion preact react react-native ui web-components
Last synced: 27 Oct 2024
https://github.com/clinia/clinia-ui
React-based design system for healthcare apps.
chakra-ui design-system react uikit
Last synced: 10 Nov 2024