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-12 00:07:59 UTC
- JSON Representation
https://github.com/datum-consulting-nz/datum-design-system
Datum Consulting NZ's design system
Last synced: 27 Dec 2024
https://github.com/alaskaairlines/aurojavascriptdemo
An example frameworkless project with Orion Components integrated
demo design-system javascript orion
Last synced: 22 Jan 2025
https://github.com/jairodoni/design-system-ignite
Ignite UI é uma feature de componente semiprontos desenvolvido durante o bootcamp Ignite. O projeto usa dos padrões de design system vistos no Ignite.
design-system ignite-reactjs reactjs rocketseat storybook
Last synced: 23 Jan 2025
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: 03 Jan 2025
https://github.com/fucinastudio/fucina
Open source product foundry
design-system docs documentation fucina nextjs open-source storybook tailwindcss typescript vercel website
Last synced: 10 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/mauricioromagnollo/ignite-call
An study case about monorepo and design system.
design-system monorepo nodejs turborepo
Last synced: 02 Feb 2025
https://github.com/gabrielrabreu/oldones.sage_react_boilerplate
A Boilerplate for Sage React Design System Library
boilerplate design-system react
Last synced: 17 Jan 2025
https://github.com/gah-code/modern-component-arch
Styled component workshop
css design-system javascript react styled-components
Last synced: 04 Jan 2025
https://github.com/theikon/liftkit-scss
A lightweight Sass framework for clean, minimalist designs, featuring M3 colors, optical kerning, and unique golden ratio spacing.
design-system sass sass-framework
Last synced: 17 Jan 2025
https://github.com/madetech/rnd-design-system
common design system for back-office interfaces
Last synced: 25 Jan 2025
https://github.com/gabriel4420/agenciax
A proposta do projeto é estudar sobre como fazer sites modernos e layouts com design profissional para uma agência ficticia, chamada agência X. Além de ser um dos projetos do curso HTML e CSS: O inicio da udemy.
css3 design-system html5 responsive-web-design user-experience-design
Last synced: 24 Dec 2024
https://github.com/gabriel4420/calculadoraimc
Projeto do curso de criação de apps Android e IOS com flutter - Daniel ciofilli
dart design-system flutter-apps flutter-widgets widgets
Last synced: 24 Dec 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: 11 Jan 2025
https://github.com/alaskaairlines/auro-cli
A cli tool to support the Auro Design System
Last synced: 22 Jan 2025
https://github.com/gabriel4420/twitchtvclone
A proposta do clone da interface da Twitch TV, é estudar sobre os components do react-native relacionados a flatlist e sobre como utilizar a lógica de design na criação de interfaces modernas, intuitivas e elegantes.
design-system desing-patterns react react-hooks react-native react-navigation styled-components
Last synced: 24 Dec 2024
https://github.com/alaskaairlines/auro-loader
A custom element for the purpose of illustrating animated loaders
auro custom-element design-system
Last synced: 22 Jan 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/bytrangle/spinwheel
The vanilla Javascript game to help you stay mildly fit.
css-animations css-variables design-system javascript javascript-game
Last synced: 24 Jan 2025
https://github.com/courthub74/luminexsquares
First iteration of the landing page for Luminex Solutions L.L.C.
design-system frontend-development iteration web
Last synced: 12 Jan 2025
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: 08 Feb 2025
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: 08 Feb 2025
https://github.com/gah-code/haro-photo-website
Photography project using design tokens and SCSS for modular design, Vite for quick builds and image optimization, and Cloudinary for asset delivery. Netlify handles SEO, marketing forms, and A/B testing for an optimal user experience.
design-system image-processing scss vite
Last synced: 07 Feb 2025
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: 12 Jan 2025
https://github.com/gabriel4420/recriando-a-pagina-inicial-do-insta
Este é um projeto feito pela digital innovation one e adaptado por mim, dentro deste projeto foi transpassado lições sobre : HTML5 e CSS3.
css-grid css3 design-system digital-innovation-one flexbox-css html5
Last synced: 24 Dec 2024
https://github.com/saidee-hasan/panda-commerce
Welcome to Panda Commerce, your one-stop shop for the latest and greatest in technology! This project showcases the Redmi Note 11, a powerful smartphone that combines performance, style, and affordability.
best css design design-system html javascript
Last synced: 12 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/vcolesdev/sb-mizu-design-system
WIP. Mizu Design System. A personal design system generated with Storybook.
buttons components components-library components-react design design-patterns design-system forms storybook typescript typescript-react typography
Last synced: 24 Jan 2025
https://github.com/ayaa-hassan/portfolio-tailwindcss-react
Portfolio-Tailwind-React
css-grid css3 design-system front-end-development javascript json jsx portfolio portfolio-website project react react-icons reactjs tailwind tailwindcss vite
Last synced: 18 Jan 2025
https://github.com/herrsascha/variablescout-docs
The Essential Power Tool for Streamlined Variable Management. Effortlessly visualize, organize, and optimize your variables and nodes with various features designed to supercharge your workflow.
design design-system figma figma-plugin nodes ux variables
Last synced: 24 Jan 2025
https://github.com/gabriel4420/mybank
O mybank foi um site feito com base no site official da nubank, para o entendimento da lógica de design e protótipação de sites e telas para sites modernos.
design-system html-css-javascript user-experience user-interface
Last synced: 24 Dec 2024
https://github.com/gabriel4420/tributesilviosantos
A proposta do site é exercitar sobre CSS, design de interfaces e design de web-sites.
design-system interface website
Last synced: 24 Dec 2024
https://github.com/nucoui/nuco
Full framework Design system
design-system react vue web-components
Last synced: 24 Jan 2025
https://github.com/gabriel4420/conversor_moedas
A proposta do conversor de moedas, é calcular e converter apartir de uma api, o valor das moedas: Real,Dolar e Euro.
api-request dart design design-system flutter flutter-apps flutter-widget udemy-course user-experience-design user-interface
Last synced: 24 Dec 2024
https://github.com/alaskaairlines/aurodocssite
Repository for the management of the Auro doc site
Last synced: 22 Jan 2025
https://github.com/alaskaairlines/auro-flightline
A custom element that represents the intermediate details between a departure and arrival station on a flight.
auro custom-element design-system
Last synced: 21 Nov 2024
https://github.com/alaskaairlines/auro-banner
Custom element that ....
auro custom-element design-system generator-v4-3-2
Last synced: 21 Nov 2024
https://github.com/alaskaairlines/auro-skeleton
Custom element that provides users a way to indicate the loading of asynchronous content on a page.
auro custom-element design-system generator-v4-4-5
Last synced: 21 Nov 2024
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/alaskaairlines/auro-nav
Custom element for the purpose of showing users a secondary navigation aid that helps them understand the relation between the location of their current page and higher level pages.
auro custom-element design-system generator-v3-17-2
Last synced: 21 Nov 2024
https://github.com/alaskaairlines/auro-icon
Custom HTML element for the use of easily displaying an icon from the Auro Icon library
auro custom-element design-system
Last synced: 21 Nov 2024
https://github.com/alaskaairlines/auro-alert
Custom element that renders errors, warnings, and other inline notifications with automated styling elements
auro custom-element design-system generator-v3-14-0
Last synced: 21 Nov 2024
https://github.com/alaskaairlines/auro-header
Custom content header element
auro auro-component auro-header custom-elements design-system web-components
Last synced: 21 Nov 2024
https://github.com/alaskaairlines/auro-tokenlist
Custom element for displaying auro design tokens and WCAG status
auro custom-element design-system wcgen-v3-9-3
Last synced: 21 Nov 2024
https://github.com/alaskaairlines/auro-lockup
Custom element that ....
auro custom-element design-system generator-v4-4-0
Last synced: 21 Nov 2024
https://github.com/soujvnunes/ui-tokens
Generate CSS3 custom properties based on a given theme with tokens and aliases serving as a reference.
css3-custom-properties design-system design-tokens responsive-design typescript
Last synced: 19 Jan 2025
https://github.com/joseph0926/harmony-ui
A sophisticated design system built on Radix UI with fluid animations powered by Framer Motion
design-system framer-motion tailwindcss
Last synced: 26 Jan 2025
https://github.com/rathod-shubham/ml-design-question.
Master the fundamentals of machine learning topics by coding and studying design questions.
ai algorithms artificial-intelligence coding design-patterns design-system machine-learning machine-learning-algorithms python3
Last synced: 22 Jan 2025
https://github.com/alaskaairlines/auro-table
Custom table element represents tabular data, information presented in a two-dimensional table comprised of rows and columns of cells containing data.
auro custom-element design-system generator-v4-0-9
Last synced: 21 Nov 2024
https://github.com/alaskaairlines/auro-backtotop
HTML custom element to allow for quick return to top of page
auro custom-element design-system
Last synced: 21 Nov 2024
https://github.com/alaskaairlines/auro-popover
Custom element to displays additional information
auro custom-element design-system
Last synced: 21 Nov 2024
https://github.com/alaskaairlines/auro-carousel
Custom element that ....
auro custom-element design-system generator-v4-4-8
Last synced: 21 Nov 2024
https://github.com/alaskaairlines/auro-badge
Custom element to illustrate status, show count, convey selections
auro custom-element design-system
Last synced: 21 Nov 2024
https://github.com/alaskaairlines/auro-dialog
Custom element that displays additional information over page content
auro custom-element design-system generator-v4-3-2
Last synced: 21 Nov 2024
https://github.com/gabriel4420/jakepainting
A proposta do esboço é treinar animações simples, além da compreensão de flexbox e design de componentes.
animation-css css-animations design-system flexbox-css html-semantics html5
Last synced: 24 Dec 2024
https://github.com/alaskaairlines/auro-sidenav
Custom element that provides users a way to create navigational interfaces
auro custom-element design-system generator-v4-0-4
Last synced: 21 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: 26 Jan 2025
https://github.com/alaskaairlines/auro-formvalidation
Library of form validation utilities
actions auro design-system utilities
Last synced: 21 Nov 2024
https://github.com/xandros9/landify-landing-page
Landify V2 (Free Version) landing page design
components design-system kit landing-page ui web website website-design
Last synced: 19 Jan 2025
https://github.com/alaskaairlines/auro-checkbox
Custom element for the purpose of allowing users to select one or more options of a limited number of choices.
auro custom-element design-system generator-v4-0-7
Last synced: 21 Nov 2024
https://github.com/alaskaairlines/auro-library
Library of shared auro workflows, scripts, and utilities.
actions auro design-system utilities
Last synced: 21 Nov 2024
https://github.com/alaskaairlines/auro-form
Custom element that ....
auro custom-element design-system generator-v4-6-0
Last synced: 21 Nov 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: 11 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/mmncit/web-ds
Web frontend design system to leverage re-usable react components
design-system matrial-ui playground-project react storybook typescript
Last synced: 19 Jan 2025
https://github.com/rflcnunes/bookish-succotash-ds
component-library components design-system unit-testing vitest vue2 vuejs vuejs2
Last synced: 01 Feb 2025
https://github.com/eduitfree37/system-design-for-interviews-and-beyond
System Design for Interviews and Beyond
Last synced: 29 Jan 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/clinia/clinia-ui-legacy
React-based design system for healthcare apps.
chakra-ui design-system react uikit
Last synced: 19 Jan 2025
https://github.com/bfukumori/ignite-ui-design-system
Design System created for Ignite Course from Rocketseat
design-system react storybook turborepo
Last synced: 25 Nov 2024
https://github.com/filipamarta/nim-game
Nim is a game for 2 players. Given a heap of 13 matches, on every move, a player must take 1, 2 or 3 matches from the heap, until no matches are left. The player who draws the last match loses. There are many variations of the Nim game, this one is called misère game (on one row or heap).
design-system react styled-components testing-library typescript
Last synced: 07 Feb 2025
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: 11 Feb 2025
https://github.com/alessandro-maciel/alurabooks
design-system react react-router-dom styled-components
Last synced: 08 Jan 2025
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: 19 Jan 2025
https://github.com/chan9yu/nx-playground
📦 Nx monorepo playground root repository
design-system esbuild monorepo nextra nx nx-monorepo pnpm pnpm-workspace react storybook theme typescript vanilla-extract
Last synced: 05 Feb 2025
https://github.com/avalladaresm/breeze-ui
Beautiful custom components build using React with Tailwind CSS.
breeze-ui design-system frontend react tailwindcss
Last synced: 08 Feb 2025
https://github.com/78-artilleryman/pluma_design-system
웹소설 작가들을 위한 서비스
design-system nextjs14 nx react storybook tailwindcss typescript
Last synced: 26 Jan 2025
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/alaskaairlines/auro-card
Custom element for the purpose of providing a flexible way to convey a summary of information
auro custom-element design-system generator-v4-5-6
Last synced: 22 Jan 2025
https://github.com/ryancasf/padraoprojeto
Systems architecture and design.
architecture design-patterns design-system
Last synced: 10 Jan 2025
https://github.com/ktranish/unit
A React-based design system built for consistency and flexibility, with support for Tailwind CSS and utility-first styling.
design-system hooks react tailwindcss typescript
Last synced: 21 Dec 2024
https://github.com/jsimplicio/design-systems-info
https://designsystems.info/
Last synced: 08 Jan 2025
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/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: 12 Feb 2025
https://github.com/gwjun/gwjun-ui
A headless design system that uses the emotion css library
component design-system ui vanilla-extract
Last synced: 25 Nov 2024
https://github.com/khriztianmoreno/reactjs-storybook-demo
⚛️📖 Design Systems with ReactJS in Storybook
demo design-system react reactjs slides storybook talk
Last synced: 07 Feb 2025
https://github.com/odeassis/hive-flutter
Hive Design System for Flutter
dart design design-system flutter ui ui-components
Last synced: 25 Jan 2025
https://github.com/pierre-jezegou/rails-design-system
A design system built with Rails and ViewComponents, offering a modular architecture to create elegant, reusable, and maintainable user interfaces. 🚀
design-system rails viewcomponents
Last synced: 24 Jan 2025
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: 28 Dec 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: 10 Jan 2025
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/hashimsaffarini/doctor_system
The doctor system is a flutter application for booking appointments with the doctor and some additions that facilitate dealing with the doctor’s office
api cubit-bloc design-system firebase flutter localization mvvm-architecture sharedpreferences
Last synced: 24 Jan 2025
https://github.com/lunchboxav/governor-generator
Rust powered, React component generator, based on Figma API
design-system figma react rust ui-component
Last synced: 17 Jan 2025
https://github.com/dariadia/daria-s-design-system
https://www.npmjs.com/package/daria-s-design-system
Last synced: 22 Jan 2025
