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.

Typography, color palette, spacing scale, and visual effects — the building blocks of the design system.

Reusable UI components built on shadcn/ui primitives, themed with brand tokens.

Full-page layout templates and compositions for common application screens.

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