FundamentalsComponentsTemplatesExport

Origin UI

A living design system that mirrors the Figma source of truth. Built with Next.js, Tailwind CSS, and shadcn/ui — every token, component, and layout is documented and interactive.

Fundamentals
Typography, color palette, spacing scale, and visual effects — the building blocks of the design system.
Components
Reusable UI components built on shadcn/ui primitives, themed with brand tokens.
Templates
Full-page layout templates and compositions for common application screens.
Export
Copy the full DESIGN.md to clipboard for use in Google Stitch AI or other AI tools.
Space Grotesk · Tailwind v4 · shadcn/ui · Next.js 16