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

Generate CSS3 custom properties based on a given theme with tokens and aliases serving as a reference.

css css-custom-properties css-in-js css-variables design-system design-tokens design-tools react tailwindcss tool typescript ui ui-design

Last synced: 09 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/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 Jan 2025

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

An example React App with Auro Components integrated

auro demo design-system react

Last synced: 22 Jan 2025

https://github.com/romeusorionaet/design-system-ignite

Design-system desenvolvido em aula

design-system reactjs rocketseat typescript

Last synced: 12 Jan 2025

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

A battery-included design system for React

design-system material-ui react

Last synced: 16 Jan 2025

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/initdc/apple-ui

An ui kit with many components looks like apple.com website.

design-system uikit

Last synced: 20 Jan 2025

https://github.com/vickttor/ignite-reactjs-design-system

This is a Monorepo to build a design system with ReactJS. It uses CI/CD with Github Actions.

changesets cicd design-system monorepo react storybook tsup turborepo typescript

Last synced: 22 Jan 2025

https://github.com/paqtcom/graphite-design-system-site

Documentation site for the Graphite Design System

design-system documentation

Last synced: 29 Jan 2025

https://github.com/zepdev/zeppelin-element-library-react

React Components library based on the zeppelin-element-library

design-system

Last synced: 18 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/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/qiaoandrew/quadratic-ui

Beautiful, slightly styled components to build your next side project faster.

cmdk component-library design-system figma nextjs radix-ui react recharts shadcn-ui sonner tailwind-variants tailwindcss typescript uikit vaul vercel

Last synced: 23 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/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/alaskaairlines/auro-accordion

Custom element that allows users to toggle the display for sections of content

auro custom-element design-system

Last synced: 21 Nov 2024

https://github.com/alaskaairlines/eslint-config

Auro's eslint config repo

auro config design-system eslint

Last synced: 21 Nov 2024

https://github.com/alaskaairlines/auro-toast

Custom element that illustrates a push notification after an action is complete

auro custom-element design-system generator-v4-0-1

Last synced: 21 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/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/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/eylatamsouth/beyondstyle

Library of shared components of BeyondLabs

design-system react

Last synced: 22 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/codegouvfr/rescript-react-dsfr

🇫🇷 ReScript bindings for react-dsfr

design-system dsfr react rescript

Last synced: 11 Jan 2025

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: 17 Jan 2025

https://github.com/dynamic-framework/dynamic-ui

Quickly create feature-rich financial applications through a robust micro frontend architecture of React-based components with customizable templates built for integration.

bootstrap css-framework design-system react ui-kit

Last synced: 27 Nov 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/herokwon/herokwon-ui

Design System by Turborepo + Storybook + Changesets

changesets design-system storybook turborepo

Last synced: 04 Jan 2025

https://github.com/baakovi/cardapio

Hamburgueria online com diversas variedade de lanches para satisfazer a sua fome.

burger-menu css design design-system front-end html5 javascript online-shop shop shopping shopping-cart tailwindcss

Last synced: 30 Jan 2025

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

🎨 SwiftUI Design System

design-system design-systems ios macos swiftui xcode14

Last synced: 10 Jan 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/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: 17 Dec 2024

https://github.com/abhilash26/varify

Varify is a highly configurable, responsive library of style-agnostic CSS variables for your next design system. It lets you write faster, more consistent, and more maintainable styles.

css css-utilites css-variables design-system

Last synced: 23 Jan 2025

https://github.com/behzadam/patterns

Learn and apply TypeScript design patterns through practical examples and code snippets.

design-pattern design-patterns design-system patterns typescript

Last synced: 18 Dec 2024

https://github.com/lttr/skaut-design

Bulma CSS framework adjusted for design system of czech scouts

bulma design-system scss

Last synced: 18 Dec 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: 19 Dec 2024

https://github.com/ingresse/design-systems-android

Design Systems Android

design-system mobile

Last synced: 30 Jan 2025

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

Extrawest UI Kit is a set of reusable UI components, styles, and other assets you can use to construct the UI of your Flutter apps

dart design-system extrawest flutter material3 mobile package ui uikit web

Last synced: 03 Jan 2025

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: 18 Jan 2025

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 Jan 2025

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: 12 Jan 2025

https://github.com/ezy/govtnz-ds-storybook

A light-weight POC with the aim of producing a govt front-end component library using storybook, built on top of the GovtNZ Design System (Alpha).

design-system gov government govt javascript nodejs storybook

Last synced: 24 Jan 2025

https://github.com/soujvnunes/ui-theme

Generate CSS3 custom properties based on a given theme with tokens and aliases serving as a reference.

css3-custom-properties design-system design-tools responsive-design typescript

Last synced: 19 Jan 2025

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: 19 Jan 2025

https://github.com/ajaymarathe/ng-epic-design-system

Hi there, Ng Epic Design System is open souce UI-KIT for Angular lovers based on Bootcatch Epic Theme thanks :)

angular angular-design angular-uikit bootcatch bootstrap-angular-uikit bootstrap-uikit bootstrap4 design-system ng-design-system ng-epic-design-system uikit

Last synced: 25 Jan 2025

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

Statically generated Vue design system built with NuxtJS

design-system nuxtjs typescript vue vue-docgen-api

Last synced: 05 Feb 2025

https://github.com/brijr/ds

Opinionated Tailwind CSS Design System

design design-system tailwind

Last synced: 05 Feb 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/avalladaresm/breeze-ui

Beautiful custom components build using React with Tailwind CSS.

breeze-ui design-system frontend react tailwindcss

Last synced: 15 Dec 2024

https://github.com/leocolomb/.design

🎨 Branding assets

branding design design-system

Last synced: 25 Jan 2025

https://github.com/dashbrains/halo

[UNDER REWORK] DashBrains design system

component-library design-system react typescript

Last synced: 18 Nov 2024

https://github.com/armondschneider/sannaui

🚧 sannaUI is a modular UI library. 🚧

design-system

Last synced: 23 Jan 2025

https://github.com/malcodeman/malcomponents

Collection of React components.

design-system react theming typescript

Last synced: 02 Dec 2024

https://github.com/johackim/design-system

My personal design system

design-system react storybook tailwindcss

Last synced: 15 Dec 2024

https://github.com/iconshot/paletto

On-demand systematic CSS framework.

css design design-system javascript

Last synced: 05 Dec 2024

https://github.com/evandhq/react-jupiter

An UI design language with React implementation

design-system framework react reactjs

Last synced: 07 Dec 2024

https://github.com/renderghost/bones

Design system for renderg.host

design-system react storybook tailwindcss vite

Last synced: 18 Jan 2025

https://github.com/inclusive-design/idg-design-system

Design system for the Inclusive Design Guide.

atomic-design design-system design-tokens eleventy

Last synced: 21 Jan 2025

https://github.com/matheusscode/lumina-ui

Lumina UI: Um design system intuitivo baseado no Tailwind CSS e HTML puro, potencializado com TypeScript. Oferece componentes reutilizáveis, personalização flexível e integração perfeita. Simplifique o desenvolvimento e garanta consistência visual em suas aplicações.

design-system frontend nextjs14 react tailwindcss typescript ui-components uikit

Last synced: 21 Jan 2025

https://github.com/fabricioallves/daily_diet

Desafio da trilha Ignite para o desenvolvimento de um aplicativo para armazenas refeições dentro e fora da dieta e🚧🧑‍💻

design-system react-native styled-components typescript

Last synced: 05 Feb 2025

https://github.com/osvaldokalvaitir/reactjs-ignite2022-project6

:open_book: Ignite Design System using tsup, Storybook for React, storybook-addon-a11y and storybook-addon-a11y. Monorepo with Turborepo. CI/CD publishing to Github Pages and NPM using GitHub Actions, @changesets/cli and cache with Vercel. Versioning with @changesets/cli

bootcamp design-system ignite ignite-2022 reactjs rocketseat

Last synced: 15 Dec 2024

https://github.com/kouprlabs/koupr-ui

🧩 Design System & React Components

components design-system react ui

Last synced: 08 Dec 2024

https://github.com/casecommons/cbp-ds-in-css

Casebook DS styles in pure CSS (via SASS)

css design-system sass

Last synced: 15 Jan 2025

https://github.com/madetech/rnd-design-system

common design system for back-office interfaces

design-system govuk sass

Last synced: 25 Jan 2025

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/ondrejlosensky/components-library

My personal UI Library made primarily for Next.js but also compatible with pain React. Used in some of my projects

design-system ui-components

Last synced: 17 Jan 2025

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: 31 Dec 2024

https://github.com/simonwhatley/nhsuk-design-system-snippets-atom-package

This Atom package includes snippets to help build the UK's NHS digital services.

atom atom-package design design-system nhsuk nunjucks package snippets

Last synced: 19 Nov 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: 19 Dec 2024

https://github.com/simonwhatley/govuk-prototype-kit-macros

A code kit for building UK Government digital service prototypes built with v6.3.0 of the prototype kit

code design-system govuk nunjucks patterns prototype-kit prototyping template-library

Last synced: 19 Nov 2024

https://github.com/sujaykundu777/ritro-ui-components

Ritro UI - reusuable react components

design-system

Last synced: 14 Jan 2025

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: 09 Jan 2025

https://github.com/systemdes/system

Design foundations and components for my OS

assets astro branding components design design-system materials principles

Last synced: 22 Jan 2025

https://github.com/camillamendess/projeto-designsystem

Este projeto utiliza Next.js, Tailwind CSS e Storybook para a criação de uma biblioteca de componentes reutilizáveis e escaláveis.

design-system nextjs react storybook tailwindcss

Last synced: 07 Dec 2024