v0.1.7 · 237 documented owners · 493 live examples
Gaudi Design System
A curated React design system for blogs and applications: tokens, components, blocks, charts, chat parts, hooks and themes.
One system for every kind of page
- Made for readingArticle layouts, a table of contents that follows the reader, post headers, series navigation, citations, code, diagrams and charts for MDX.ArticleTableOfContentsMDX
- Made for workingApplication shells, data grids, boards, calendars, command palettes and forms with keyboard support, controlled state and responsive layouts.App ShellDataTableBlocks
- Made for agentsChat messages, reasoning, tools, sources and voice parts, plus llms.txt, an agent skill and an MCP server generated from the same sources.Chat & AgentsAI & MCP
What you get
- Themes8 WCAG AA presets, light/dark/system, and import from StyleGlide, tweakcn or shadcn.
- AI & MCPllms.txt, an agent skill installer and a local MCP server, generated from the same sources as the components.
- Registry493 copy-in patterns and blocks for the shadcn CLI that keep components as package imports.
- AccessibilitySemantic elements, visible focus, keyboard support, reduced motion and named regions in every owner.
- RTLLogical properties and a DirectionProvider; every preview here has an RTL toggle.
- ResponsiveBuilt for narrow containers: preview each example at phone, tablet and desktop widths.
Eight presets, one contract
Open the themes page →- Active
Gaudi
Gaudi progress Folio
Folio progressGraphite
Graphite progressHigh Contrast
High Contrast progressPastel
Pastel progressMidnight
Midnight progressGrove
Grove progressEmber
Ember progress