Getting started
TT UI is a shadcn-compatible registry-install source into your repo, preview components live, then add them with the CLI.
Quick start
Initialize shadcn in your project, then add any TT UI component from the registry.
npx shadcn@latest init
Explore docs
Jump to the section that matches what you are building.
Installation
Framework starters, shadcn init, registry namespaces, and add commands.
Setup
Changelog
Release notes for new registry items, blocks, templates, and fixes.
Releases
Components
Live previews, props tables, and install commands for every component.
Catalog
Blocks
Pre-composed sections-chat, pricing, API explorers-for product pages.
Sections
Templates
Full-page starters for auth and onboarding-customize tokens and routes.
Starters
Featured components
Popular registry components with live previews and install commands.
File Viewer
File viewer with optional FileExplorer layout (tree sidebar + content). FileExplorer supports a collapsible sidebar when paired with FileTree.
Code Block
Syntax-highlighted code with optional filename, line numbers, and copy.
Spotlight Grid
Hero-ready card grid with cursor-tracked spotlight, distance-based lift, and premium motion falloff.
Infinite Card Marquee
A component for displaying cards in a continuous scrolling carousel. Powers the testimonial-row-01 block at /blocks/testimonial-row-01.
Form Fields
Accessible inputs, textarea, searchable select, switch, and slider with shared labels, hints, and error or success messaging.
Morph Tabs
Fluid tabs with a shared-layout active pill that morphs between items, plus optional layered glow polish.
Next steps
Common paths through the documentation.