Skip to content

The Fabrials design system, ready to install.

Fabrials components, shims that give shadcn primitives the Fabrials look, and open-source components from other libraries with their license checked. One command sets an app up.

npx shadcn@latest init https://ui.fabrials.com/r/init.json

What you can install

Every entry installs as source you own, through the shadcn CLI.

Watch an agent use the interface you use.

Follow the narrated tour, or switch to Try it yourself: the store registers real WebMCP tools for your browser's agent, and you can call them yourself. You make the final decision.

Build this interaction

The morning ritual: a fictional coffee store, 53 seconds with sound.

Chapter 1 of 5

A better morning

One task, one shared interface.

Counter
32 cm
Accessories
58 mm
Drinks
Two flat whites

Nomad Lever

€540

Counter space
18 cm
Accessory fit
51 mm
Two flat whites
No steam wand
Available

Studio Solo

€890

Counter space
26 cm
Accessory fit
58 mm
Two flat whites
Shared boiler
Available

Studio Dual

€1,290

Counter space
29 cm
Accessory fit
58 mm
Two flat whites
Independent steam
Available

Atelier Pro

€1,890

Counter space
36 cm
Accessory fit
54 mm
Two flat whites
Independent steam
Available

Barista Twin

€2,390

Counter space
41 cm
Accessory fit
58 mm
Two flat whites
Independent steam
Available

Press play to follow one task from a requirement to a reviewed selection.

0 / 53 s

Components from other libraries

Published unchanged with their license in every file. Each page says where the component departs from the Fabrials principles.

How a library gets in
LibraryLicenseComponentsSnapshot
Kibo UIMITContribution Graph, Dropzone, Kanban, Rating2026-09-27
Magic UIMITAnimated List, Dot Pattern, File Tree, Marquee, Terminal2026-09-27

Start with a working example.

A product comparison, a reservation flow and a live MCP console.