Blocks
Ready-made UI Blocks
Copy-and-paste blocks for every use case. Built with Radix UI and Base UI, styled with Tailwind CSS.
Cards
Statistic cards, profile cards, pricing and more
Charts
Data visualizations with recharts
Marketing
Hero sections, features, testimonials
Application
Dashboards, sidebars, data tables
Authentication
Login, signup, and auth flows
Ecommerce
Product pages, carts, and checkout
Why Token UI
Built for the agentic era
A next-generation UI library that puts design tokens, developer experience, and visual quality first.
Design Token System
Built around DTCG-compliant design tokens. Every spacing, color and typography decision is token-driven for true consistency across your design system.
Unified Radix + Base UI
One library, two UI primitives. Mix and match Radix UI and Base UI components within the same project — same token system, same DX.
Copy & Paste Ready
No black-box npm packages. Every component is a file you own. Copy it, adapt it, ship it — full source code included.
Tailwind v4 Native
Built from the ground up for Tailwind CSS v4. Leverage CSS-first configuration, cascade layers, and the new P3 color space.
Motion & 3D Effects
Animated components powered by Motion (Framer Motion) and Three.js. Smooth transitions, magnetic particles, and interactive 3D scenes.
Next.js & React 19
Optimized for the modern stack: Next.js 15+, React 19, Server Components, and Partial Prerendering out of the box.
Start building today
Free, open source, and built to last. Copy the components you need and ship faster without the overhead of a design system.