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-16 00:07:17 UTC
- JSON Representation
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/lttr/skaut-design
Bulma CSS framework adjusted for design system of czech scouts
Last synced: 14 Oct 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/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/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/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/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/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/trenaryja/ui
My own component library, complete with Storybook!
component-library design-system react storybook typescript
Last synced: 13 Oct 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/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/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/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/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/mathhetru/p14_hrnet
Switch a jQuery library to React
design-system npm primereact react store tailwindcss typescript vite zustand
Last synced: 06 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/divriots/starter-vue3-waveui
backlight design-system vue vue3 waveui
Last synced: 13 Nov 2024
https://github.com/akimalunar/ceryl-design-seed
Design System boilerplate
design-system emotion javascript storybook
Last synced: 17 Oct 2024
https://github.com/johackim/design-system
My personal design system
design-system react storybook tailwindcss
Last synced: 28 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
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: 25 Oct 2024
https://github.com/stefan-kanazir/design-system
design-system storybook styled-components ui-components
Last synced: 09 Nov 2024
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 Oct 2024
https://github.com/jsonmaur/sass-system
A style system generator and utility-first CSS framework
atomic-css css css-framework design-system functional-css responsive sass sass-framework scss style-system utility-classes
Last synced: 31 Oct 2024
https://github.com/persephonepunch/sveltedesign-system
Webflow conversion to Svelte Components
Last synced: 09 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/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/lukahartwig/not-a-design-system
This is not a design system.
component-library design-system react
Last synced: 25 Oct 2024
https://github.com/joryphillips/macarons
Macarons is a design system with styled UI components for React projects
components-library design-system react ui
Last synced: 07 Nov 2024
https://github.com/tavareshenrique/ihenrits-ui
A ihenrits-UI foi construรญda para facilitar sua vida na hora de criar interfaces.
design-system react storybook turborepo typescript ui
Last synced: 12 Nov 2024
https://github.com/roll-network/tryrolljs
Entrypoint for Roll monorepo packages
design-system eslint feature-flags prettier react
Last synced: 01 Nov 2024
https://github.com/carcajadaartificial/lunchbox-css
CSS distribution for Lunchbox ๐ฑ using GarliCSS ๐ง and Sass Door ๐ช.
Last synced: 06 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: 12 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/prosazhin/mixin-dictionary
Creating mixins from design tokens for LESS and SCSS.
build-system build-tool css design design-system design-tokens design-tool dictionary less mixin scss style system tokens tool
Last synced: 12 Oct 2024
https://github.com/mrlizhaozhi/accessible-design-system-framework
่ฟๆฏไธๆฌพ่ฎพ่ฎก็ณป็ปๅๅผๅๆกๆถ๏ผๅฏไปฅๅธฎๅฉๅผๅ่ ๆ้ๅผๅๅฏ่ฎฟ้ฎใ็ปไธไธไผ่ดจ็็จๆท็้ขใ
design-system full-stack-web-development server-side-applications ux-design web-applications web-design
Last synced: 10 Nov 2024
https://github.com/ryanatkn/moss
CSS framework ๐ฟ magical organic stylesheets
css css-framework design-system utility-classes web
Last synced: 02 Nov 2024
https://github.com/ddamato/damato.design
DAMATO Design System
design-system design-system-manager design-systems
Last synced: 11 Nov 2024
https://github.com/julrich/tsnm-ds
Design System for my personal page, based on https://github.com/kickstartDS and https://github.com/divriots/backlight.dev. In use on https://tsnm.de
backlight design-system design-systems kickstartds
Last synced: 19 Oct 2024
https://github.com/mahmudhmh/alert-design-system
This repository contains a React component-based Alert Design System built with TypeScript and SASS preprocessor for styling.
design-system preprocessor reactjs sass sass-mixins typescript vite
Last synced: 31 Oct 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: 31 Oct 2024
https://github.com/malcodeman/malcomponents
Collection of React components.
design-system react theming typescript
Last synced: 29 Oct 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/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/julrich/tsnm-page
My personal page and playground, built on my personal Design System https://github.com/julrich/tsnm-ds based on https://github.com/kickstartDS/ and Backlight
backlight backlight-dev design-system design-systems development music netlify netlify-functions netlify-graph nextjs tsnm
Last synced: 19 Oct 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/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/danmad/oc-design-system
A design system developed for Open Colleges
design-system react user-interface
Last synced: 15 Oct 2024
https://github.com/cds-snc/gcds-fonts
GC Design System Fonts provides the fonts used within GC Design System.
canada design-system government government-canada
Last synced: 12 Nov 2024
https://github.com/m-u-c-k-a/css-reset
Reset CSS width default Design System
css-reset default-design design-system front-end reset-css user-interface web-development
Last synced: 14 Nov 2024
https://github.com/makotot/design-system-bookmarks
A collection of resources of design system.
collection design-system resources ui ui-components
Last synced: 24 Oct 2024
https://github.com/oleksiikachan/ua-design-system
design-system react ui-components ui-design
Last synced: 11 Nov 2024
https://github.com/plurid/carved-ui
Carved User Interface Library of Components [Desearch Concept]
design-system react user-interface
Last synced: 07 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/rodrigofontesdev/brutus-demo
Uma plataforma SaaS para MEIs ficarem em dia com suas obrigaรงรตes fiscais e controlar o faturamento mensal do negรณcio.
api-rest atomic-design design-system laravel mobile-friendly php postgresql react saas storybook styled-components typescript
Last synced: 11 Nov 2024
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: 11 Nov 2024
https://github.com/mohamed-rabie-mohamed-khedr/mousecontrol
control and move a mouse From a keyboard
csharp design-system desktop desktop-app windows windows-forms
Last synced: 19 Oct 2024
https://github.com/inthepocket/hubble-adobexd-plugin
๐ Adobe XD plugin to extract assets and primitives and send them to Hubble.app
adobexd adobexd-plugin design-system hubble hubble-adobexd-plugin hubble-design-system hubble-oss inthepocket
Last synced: 16 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 Nov 2024
https://github.com/78-artilleryman/pluma_design-system
์น์์ค ์๊ฐ๋ค์ ์ํ ์๋น์ค
design-system nextjs14 nx react storybook tailwindcss typescript
Last synced: 13 Oct 2024
https://github.com/whizzes/exo
Svelte Components Library
components design-system library svelte
Last synced: 05 Nov 2024
https://github.com/sujaykundu777/ritro-ui-components
Ritro UI - reusuable react components
Last synced: 14 Nov 2024
https://github.com/ferdodo/crumbs
A web component library
design-system ui-library web-components
Last synced: 15 Oct 2024
https://github.com/thomasmassmann/example-storybook-vue-plone
Example Storybook.JS setup with Vue components
design-system plone storybookjs vue
Last synced: 11 Nov 2024
https://github.com/datum-consulting-nz/datum-design-system
Datum Consulting NZ's design system
Last synced: 07 Nov 2024
https://github.com/jeric17/ag-ds
Design system using lit-element
design-system lit-element webcomponent
Last synced: 15 Nov 2024
https://github.com/civicdatalab/design-system
A bootstrap design system for the website
bootstrap design-system ui-components
Last synced: 14 Nov 2024
https://github.com/megadev007/event_plan
This Next.js website seamlessly integrates filter routing, nested routing, and advanced JavaScript logic. Navigating through its dynamic content becomes intuitive and efficient, offering an engaging user experience.
css design-system javascript next reactjs
Last synced: 14 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/di-dao/shoelace
Web Components for the Sonr Network. Forked from https://shoelace.style.
design-system react tailwindcss webcomponents
Last synced: 01 Oct 2024
https://github.com/samuelematias/suids
๐จ SwiftUI Design System
design-system design-systems ios macos swiftui xcode14
Last synced: 11 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/code-star/phoenix
:star: https://phoenix.codestar.nl/ :star:
babel circle-ci cssmodules design-system ecmascript eslint github-pages jest lerna library npm react sass stylelint travis-ci ui-components webpack
Last synced: 15 Oct 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/gardenjs/render-plugin-svelte
Plugin for rendering Svelte components in gardenjs.
component-library components design-system documentation gardenjs javascript stories storybook styleguide svelte testing ui ui-components web-components
Last synced: 09 Oct 2024
https://github.com/gardenjs/render-plugin-react
Plugin for rendering React components in gardenjs.
component-library components design-system documentation gardenjs javascript react stories storybook styleguide testing ui ui-components web-components
Last synced: 09 Oct 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/waterbinnn/waterbin-ui-kit
@waterbin/ui-kit ๊ฐ์ธ ํ๋ก์ ํธ์ฉ ๋์์ธ ์์คํ
design-system pandacss reactjs storybook typescript vite
Last synced: 13 Oct 2024
https://github.com/dvhb/ui
components for dvhb design system
design-system react react-native uikit
Last synced: 05 Nov 2024
https://github.com/code-star/andromeda
:star: https://andromeda.codestar.nl/ :star:
babel circle-ci cssmodules design-system github-pages jest lerna library npm react sass stylelint travis-ci tslint typescript ui-components webpack
Last synced: 15 Oct 2024
https://github.com/gardenjs/render-plugin-vue
Plugin for rendering Vue components in gardenjs.
component-library components design-system documentation gardenjs javascript stories storybook styleguide testing ui ui-components vue vuejs web-components
Last synced: 09 Oct 2024
https://github.com/amowu/amowu
GitHub Profile
design-system devops micro-frontends serverless
Last synced: 01 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/casecommons/cbp-ds-in-css
Casebook DS styles in pure CSS (via SASS)
Last synced: 15 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/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/srvycool/ds
design system
design-system react semantic-release styled-components typescript
Last synced: 13 Nov 2024
https://github.com/datum-consulting-nz/rasatech-design-system
RasaTech design system implemeted in React.js
component-library design design-system reactjs
Last synced: 30 Oct 2024
https://github.com/johanbook/aurora
A battery-included design system for React
design-system material-ui react
Last synced: 16 Nov 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/kmanadkat/advanced-react-patterns-project
Hotel Booking (learning) react project with Styled Components, Supabase Backend, React Query, Context API & more
context-api design-system react-hook-form react-hooks react-query reactjs styled-components supabase-js vite
Last synced: 08 Nov 2024
https://github.com/marcosviniciusjau/05-design-system
This is the design system of ignite-ui, learned on Rocketseat
Last synced: 05 Nov 2024