TT UI - a component registry for
motion-rich
interfaces.
Copy-paste registry components, full-page blocks, and starter templates. Preview everything live, then install into your app with the shadcn CLI.Accessible defaults
Registry-ready source
shadcn CLI install
Preview before you ship
Live registry UI-click a day to morph into detail. Morph Calendar
Quick start
Initialize shadcn in your project, then add any TT UI component from the registry.
npx shadcn@latest init
What is TT UI?
A modern component library on top of shadcn/ui-built for teams who want polished UI they can own and adapt.
Explore the library
Drag to pan, scroll or use the controls to zoom, and preview featured components live on the canvas.
Drag to pan · scroll to zoom · fit view on the control strip.
View allWhy teams choose TT UI
A registry built for product engineers who want beautiful UI without sacrificing control or velocity.
Own your source
Components install as real files in your repo-customize tokens, behavior, and structure without fighting a black-box package.
shadcn-compatible
Accessible by default
Keyboard-friendly focus states, semantic markup, and reduced-motion awareness baked into the primitives you ship.
WCAG-minded
Motion with purpose
Reveal, marquees, and ambient effects add polish without overwhelming content or hurting performance.
Performance aware
Compose your system
Mix effects, forms, charts, and AI surfaces into a cohesive design language that matches your product.
Modular API
TypeScript throughout
Explicit props and predictable patterns so your team moves fast with confidence in the editor.
DX focused
Blocks and templates
Go beyond atoms with full sections and page starters for chat, pricing, auth, and more.
Ship faster
Ready to build your next interface?
Browse the catalog, copy what you need, and ship with a cohesive design language from day one.