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-11 00:08:02 UTC
- JSON Representation
https://github.com/persephonepunch/sveltedesign-system
Webflow conversion to Svelte Components
Last synced: 05 Jan 2025
https://github.com/seancheong/chroma-ui
A design system built with React, Tailwind CSS and Storybook
design-system react storybook tailwindcss typescript
Last synced: 02 Nov 2024
https://github.com/teambuzzle/bds
buzzle design system
design-system react styled-components typescript
Last synced: 19 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/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/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/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/alaskaairlines/auroangulardemo
An example Angular App with Orion Components integrated
angular demo design-system orion
Last synced: 22 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/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/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/cturk/nebula-ui
A modern, cosmic-themed UI framework for building clean and scalable web applications. NEBULA provides a comprehensive set of components and utilities with an astronomy-inspired design system.
accessibility design-system modern-design nebula-ui react-components responsive-design typescript ui-framework web-components
Last synced: 01 Feb 2025
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/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/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/hahow/hahow-design
[DEPRECATED] Hahow Design System
component-library design-system pattern-library visual-testing
Last synced: 18 Jan 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/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/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/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/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/samuelematias/suids
🎨 SwiftUI Design System
design-system design-systems ios macos swiftui xcode14
Last synced: 10 Jan 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/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/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/m-u-c-k-a/password
Plateforme sécurisée pour générer et stocker des mots de passe robustes. Accès contrôlé via hachage pour assurer la confidentialité des données.
design-system hash hashing web-development webdesign webdevelopment website
Last synced: 13 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/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/initdc/apple-ui
An ui kit with many components looks like apple.com website.
Last synced: 20 Jan 2025
https://github.com/mlibrary/umlib_admin
Drupal admin theme for U-M Library based on the Claro theme
Last synced: 28 Dec 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: 01 Feb 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/m-u-c-k-a/unit-converter
Site de conversion d'unités : Poids, Distance et Température. Facile, précis, et intuitif. Transformez rapidement vos valeurs dans différentes mesures.
design-system nextjs react reactjs webdesign webdevelopment website
Last synced: 13 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/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/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/javierarce/figma-components-analyzer
A tool to improve consistency and structure to design systems property names
components design design-system figma figma-api
Last synced: 13 Jan 2025
https://github.com/aherrahul/portfolio-v1
This repository contains the source code for my personal portfolio website. It showcases my projects, skills, and experience. Below is the link of my portfolio.
blog design-system nuxt nuxt3 nuxtjs portfolio portfolio-site portfolio-website rds rds-design-system resume resume-template resume-website tailwindcss vue vuejs vuejs3 vuex
Last synced: 15 Jan 2025
https://github.com/eylatamsouth/beyondstyle
Library of shared components of BeyondLabs
Last synced: 22 Dec 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/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/mitevpi/obsidian
Lightweight design system for Vue.js based on expressive iteration using a minimal palette.
component-library components css design-system frontend javascript js library npm package scss vue vuejs web
Last synced: 21 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/lttr/skaut-design
Bulma CSS framework adjusted for design system of czech scouts
Last synced: 11 Feb 2025
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/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/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: 21 Dec 2024
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/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/skrodrigo/design-system-kirvano
Esse projeto foi para um trabalho da faculdade para desenvolver um design system de uma plataforma famosa. A escolhida foi a Kirvano.
design-system sass trabalhos-academicos
Last synced: 04 Feb 2025
https://github.com/alaskaairlines/auroreactdemo
An example React App with Auro Components integrated
Last synced: 22 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/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/teradata/design
A simple web wrapper for our Figma-based design documentation.
Last synced: 24 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/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/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/cityofdetroit/cod-design-system
Design System proof of concept
Last synced: 06 Nov 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/codegouvfr/rescript-react-dsfr
🇫🇷 ReScript bindings for react-dsfr
design-system dsfr react rescript
Last synced: 11 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/pedrolucasaraujo/nextjs_calendar
design-system monorepo packages polished react stitches storybook tokens turborepo typescript vite
Last synced: 25 Jan 2025
https://github.com/qrailibs/smoothui
✨ Smooth UI Kit library with components for Vue 3.
Last synced: 31 Jan 2025
https://github.com/akimalunar/ceryl-design-seed
Design System boilerplate
design-system emotion javascript storybook
Last synced: 02 Feb 2025
https://github.com/sirajcode/design_source
💻 Design source is simple html css reset and classes ui design system.
css css3 design-system design-systems html5 ui user-interface
Last synced: 31 Jan 2025
https://github.com/rafinhaa/design-system
design-system front-end reactjs stitches typescript
Last synced: 31 Jan 2025
https://github.com/anasmoner2022/space-tourism-website-main
The Space Tourism project is a multi-page responsive website designed to showcase a fictional space tourism company. This project will be enhanced with Three.js, interactive animations, and modern web development practices to create a unique and visually captivating experience.
design-system interactive responsive three-js
Last synced: 20 Dec 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: 06 Feb 2025
https://github.com/egesiapres/scarface-site
My university project of the Visual Communication laboratory. The website has been designed using Figma and written using HTML and CSS
css3 design design-system figma html5 laboratory mockup prototype responsive-design university-project web-design web-development website wireframe
Last synced: 25 Jan 2025
https://github.com/rafi1999/foodie-land
FoodieLand
design design-system html-css-javascript reactjs tail ui-design vercel
Last synced: 07 Feb 2025
https://github.com/di-dao/shoelace
Web Components for the Sonr Network. Forked from https://shoelace.style.
design-system react tailwindcss webcomponents
Last synced: 26 Jan 2025
https://github.com/ahmetarsiv/interfeys
Interfeys is a design system provided by Codenteq to create a consistent UI/UX for app users.
components design-system frontend javascript lit typescript web-components
Last synced: 26 Jan 2025
https://github.com/theelegantcoding/solid_template_webpage
📦️ This is a basic template that includes everything you need to get started web development with solid-js. It includes a simple counter application, as well as some documentation and examples.
clean-architecture clean-code design-system eslint node performance pnpm postcss sass solid-js style-guide typescript vite web-development
Last synced: 02 Feb 2025
https://github.com/theelegantcoding/universal_cli
🛰️ Universal CLI is a command-line interface (CLI) tool that provides a wide range of utilities for programmers. It is designed to be a one-stop shop for developers, with tools for everything from template genarition to code managment.
clean-architecture clean-code design-system performance pnpm
Last synced: 02 Feb 2025
https://github.com/iconshot/paletto
On-demand systematic CSS framework.
css design design-system javascript
Last synced: 05 Dec 2024
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/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/daraperini/learning-react-typescript-design-system-alurabooks
This design system was created and is availabel in the npm package 'ds-alurabooks-dara-perini'
auto design-system github-actions npm-package storybook styled-components
Last synced: 13 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/najwer23/resume
Résumé
a4-paper cv design-system emotion frontend javascript pdf-document react resume resume-website typescript vite
Last synced: 27 Dec 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: 01 Feb 2025
https://github.com/danmad/oc-design-system
A design system developed for Open Colleges
design-system react user-interface
Last synced: 01 Feb 2025
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: 01 Feb 2025
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: 01 Feb 2025
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: 01 Feb 2025
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: 02 Jan 2025
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/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/lucianakyoko/elementum-ds
Design System no front-end usando Storybooks, Next.js14 e TailwindCSS
atomic-design design-system nextjs14 storybook tailwindcss
Last synced: 26 Jan 2025
https://github.com/78-artilleryman/pluma_design-system
웹소설 작가들을 위한 서비스
design-system nextjs14 nx react storybook tailwindcss typescript
Last synced: 26 Jan 2025