Components, blocks &
everything you need
A comprehensive UI component library built on shadcn/ui with modern custom components, AI-ready interfaces, pre-built page blocks, and a visual theme generator. Copy, paste, and ship.
45 Base Components
All shadcn/ui components — buttons, cards, dialogs, forms, tables, and more. Production-ready and fully accessible.
16 Modern Components
Bento grids, spotlight cards, animated counters, marquees, shimmer buttons, timelines, docks, and more.
8 AI Components
Chat interfaces, prompt inputs, message bubbles, model selectors, code blocks — everything for AI-powered apps.
16 Pre-built Blocks
Hero sections, pricing tables, dashboards, login pages, team grids, FAQ, and more. Ready to drop into any project.
Theme Generator
Visual theme editor with color pickers, brand presets, font pairings, contrast checking, and one-click CSS export.
Product Showcase
See how one design system adapts to 25+ brands — Uber, Spotify, Apple, Google, and more. Click to transform.
Full Documentation
Live previews, copy-paste code, and detailed docs for every component. Built for speed.
Standing on the shoulders of giants
A curated list of public design systems we learn from. Sourced from the awesome-design-systems collection.
What each badge means
Components
Ships coded UI patterns and examples.
Voice & Tone
Guidance on how language should be used.
Designers Kit
Sketch, Figma, or similar files for designers.
Source Code
Publicly viewable source on GitHub/GitLab.
Material Design
Cross-platform system powering Android, Workspace, and the web.
Human Interface Guidelines
Apple
The canonical reference for designing on iOS, macOS, and visionOS.
Fluent Design
Microsoft
Cross-platform language used across Windows, Office, and Azure.
Carbon
IBM
Enterprise-grade open-source system with deep accessibility.
Primer
GitHub
Design language, components, and Octicons that power GitHub.
Polaris
Shopify
Merchant-focused system for building the commerce admin.
Atlassian Design
Atlassian
The system behind Jira, Confluence, and the rest of the suite.
Spectrum
Adobe
Designed to unify Adobe's creative and enterprise apps.
Lightning
Salesforce
Living framework for building Salesforce experiences at scale.
Cloudscape
AWS
Open-source system for cloud consoles and service UIs.
Geist
Vercel
Minimal, monochrome system behind the Vercel platform.
Tailwind CSS
Tailwind Labs
Utility-first framework used by millions of projects.
shadcn/ui
shadcn
Copy-and-paste React components built on Radix + Tailwind.
Chakra UI
Chakra
Accessible React components with a composable API.
Ant Design
Alibaba
One of the most widely adopted enterprise React systems.
Mantine
Mantine
Full-featured React library with 100+ customizable components.
Radix
WorkOS
Unstyled, accessible primitives used by shadcn/ui and others.
Helios
HashiCorp
System that unifies Terraform, Consul, Vault, and friends.
Ring UI
JetBrains
Components pulled out of JetBrains' own developer products.
Pajamas
GitLab
Open-source system powering the GitLab platform.
MongoDB Design
MongoDB
Components and guidelines used across MongoDB Atlas.
Protocol
Mozilla
System shared across mozilla.org properties.
Stacks
Stack Overflow
Design framework behind Stack Overflow and Stack Exchange.
Gestalt
Pinterest's system for building consistent visual experiences.
Clarity
VMware
Open-source system for modern enterprise web apps.
Paste
Twilio
Communication-focused system with strong a11y foundations.
EUI
Elastic
UI framework shared across Kibana and Elastic's SaaS tools.
Vanilla
Ubuntu
Canonical's CSS framework powering every Ubuntu brand site.
Garden
Zendesk
React, CSS, and SVG resources that power Zendesk products.
NASA Web
NASA
Open-source system used across NASA's public websites.
Know one that isn't listed? Submit a PR to the source list.
30 systems