TT-UI
Built on shadcn/uiTT UI - Composable React components for modern UI systems | Product Hunt

Ship dashboards
in hours,
not days.

Production-ready components, interactive blocks, and templates that remove the need to build common UI patterns from scratch. Preview everything live, then install directly into your app with the shadcn CLI.
Get started
Browse components
Read docs
100+Components15Blocks8Templates

Accessible defaults

Registry-ready source

shadcn CLI install

Sun
Mon
Tue
Wed
Thu
Fri
Sat

Preview before you ship

Live registry UI-click a day to morph into detail. Morph Calendar

Start building in minutes

Install TT UI into your shadcn project and start using production-ready components immediately.

bash
npx shadcn@latest init

Full installation guide

Choose the surface you need

Start with a single component, drop in a complete product section, or use a full template when the page shape is already clear.

Components

Atomic pieces for forms, data display, motion, and polish.

Select path01
morph-tabs01
spotlight-card02
animated-list03
Browse components

Blocks

Pre-composed product sections for pricing, chat, API explorers, and flows.

Select path02
pricing table01
chat panel02
stats rail03
Explore blocks

Templates

Full-page starters for dashboards, account areas, auth, and workspaces.

Select path03
dashboard01
settings02
onboarding03
View templates

Remove repetitive interface work

TT UI is a registry of production-ready components, blocks, and templates built on shadcn/ui. It helps developers skip repetitive UI engineering and focus on building product logic.

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 all

Why teams choose TT UI

Production UI without the overhead

Never fight your component library

Every component installs as source code so you can fully customise it without wrappers or abstraction layers.

shadcn-compatible

Ship accessible UI by default

Keyboard navigation, semantic markup, and reduced-motion support built into every component.

WCAG-minded

Add polish without slowing development

Prebuilt animations and effects that enhance UX without extra engineering effort.

Performance aware

Build consistent product interfaces

Combine components, effects, and layouts into a unified design system.

Modular API

Build with confidence

Fully typed APIs so teams can move fast without breaking patterns.

DX focused

Skip repetitive UI work

Complete sections and page templates for dashboards, onboarding, auth, and more.

Ship faster

Stop rebuilding the same UI patterns

Explore production-ready components, blocks, and templates designed to help you ship complex interfaces faster.

Explore library
Getting started
View blocks