The Vibeary — tag

design-system

21 resources in The Vibeary tagged "design-system" — tools, libraries and references pulled from across the library's shelves, each one checked by hand before it was added.

Gems in this collection

Preview of RetroUI

RetroUI

React component library applying a neo-brutalist retro design system across buttons, cards, dialogs and form controls.

UnknownMIT
Preview of Forui

Forui

Flutter widget library of minimalist, platform-agnostic components heavily modelled on shadcn/ui, with theming and full customisation.

Duobase (@duobaseio)MIT
Preview of shadcn studio MCP

shadcn studio MCP

Hosted MCP endpoint that feeds shadcn/ui component and design-system context into Cursor, Claude Code and Windsurf.

Shadcn Studiofreemium
Preview of Themer

Themer

Swaps a selection between identically named style libraries, so one file can preview light, dark and brand themes.

Tom Lowry (@tomlowry)open-source
Preview of UIAble

UIAble

Open shadcn-based UI system with 700+ items aimed at production apps, maintained by the CodedThemes team.

CodedThemesopen-source
Preview of design-systems-mcp

design-systems-mcp

MCP server that answers design-system questions about components, tokens, patterns and best practice from a curated corpus.

Southleft (@southleft)open-source
Preview of Lume

Lume

Vue 3 chart component library from Adyen built on D3 with a strict design-system-first component API.

Adyen (@Adyen)MIT
Preview of Lucidi

Lucidi

Syncs opacity-derived styles from a set of primary color styles, keeping tints and overlays consistent as brand colors change.

dimuuuopen-source
Preview of ShadcnCraft

ShadcnCraft

Polished shadcn/ui components and blocks built to production standards as part of a paired Figma and React design system.

ShadcnCraftfreemium
Preview of Design Lint

Design Lint

Scans Figma frames for missing styles, off-system colors and stray text properties, then jumps you to each error.

Daniel Destefanis (@dandestefano)open-source
Preview of figma-plugin-ds

figma-plugin-ds

Vanilla CSS and JS component library that matches Figma's own plugin UI, so your plugin looks native.

Tom Lowry (@tomlowry)open-source
Preview of Accessible Color Systems

Accessible Color Systems

Stripe engineering post on building a colour system that guarantees contrast ratios while preserving brand hue relationships.

Stripe design teamfree
Preview of g1455

g1455

Liquid Glass design system for Flutter with refraction, blur, tint and rim over the live backdrop; every component documented live with guide, code and API.

@PlugFoxMIT
Preview of Mizu

Mizu

React library of 126 component systems across 14 families, including timelines, charts, editors, readers and instrument controls, in warm ink-and-paper styling.

@0xuser64bitMIT
Preview of Ely GPUI Components

Ely GPUI Components

Warm, quiet light and dark component library for GPUI, the Rust UI framework behind Zed, with every story running live in the browser via WebAssembly.

@ZacharyZhang-NYMIT
Preview of Default File UI

Default File UI

Open design system with OKLCH scales, copyable React components, CLI registry, and an MCP server for agent installs.

default-fileMIT
Preview of Super Prototyping

Super Prototyping

Copy any app UI into plain HTML artboards on a local canvas with measured colors and metrics, no design tool required.

ReScienceLabApache-2.0
Preview of BoardUI

BoardUI

Source-owned React design system for dashboards and agent UIs: 72 components, charts, templates, plus CLI and MCP install paths.

BoardUI (@sitenley)freemium
Preview of UI-Anatomist

UI-Anatomist

Chrome extension that scans a rendered web UI's observable styles, states and icons, plus a Figma plugin that rebuilds them as editable variables and components.

Su JiaYi (@SuJiaYi27)Apache-2.0
Preview of Lion Web Components

Lion Web Components

Accessible, performant white-label web component primitives from ING Bank, intended as design system foundations.

ING Bank (@ing-bank)MIT
Preview of Tamagui

Tamagui

Cross-platform style library and UI kit with a compiler that flattens styles to static CSS for web performance.

Nate Wienert (@natebirdman)MIT