TT UI documentation for registry installs.
TT UI extends shadcn/ui with a copy-paste registry. Configure your project, preview components live, and install blocks and templates with the CLI.
Requires React, Tailwind CSS, and an initialized shadcn/ui project.
$ npx shadcn@latest init
✓ Tailwind configured
✓ components.json created
Ready to add registry components
components.json
Configurejson
{
"registries": {
"@tt-ui": "https://ui.tibbstech.co.uk/r/{name}.json"
}
}Add component
CLIbash
npx shadcn@latest add @tt-ui/infinite-marqueeInstall your first component
Initialize shadcn, configure the registry, add a component, and render it in your app.
npx shadcn@latest init
Understand the library
Three layers, from smallest building blocks to complete page experiences.
Components
Individual UI primitives and interactions.
Blocks
Composed sections for common product interfaces.
Templates
Complete layouts and application foundations.
Components and blocks use the public or Pro registry. Full template source is available through Foundry.
Explore TT UI
Choose where to continue in the library.
Common paths
Pick a goal, not a docs section.
Framework setup and registry configuration.
Preview and install Ripple Button.
Start from the analytics dashboard template.
Drop in pricing, chat, auth, and more.
Configure @tt-ui-pro and CLI tokens.
Full-page source on Foundry.
What's new
Recent registry releases and queued changes.