Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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.

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

bulma design-system scss

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

cute design-system

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.

design-system react

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/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/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/persephonepunch/sveltedesign-system

Webflow conversion to Svelte Components

design-system svelte webflow

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

design-system nuxt

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 ๐Ÿšช.

css design-system scss

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/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/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).

design-system testing

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/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/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/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/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

design-system

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

design-system reactjs

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/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/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/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)

css design-system 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/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

design-system docs php twig

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

design-system react

Last synced: 05 Nov 2024