Describe your idea.Your AI already knows.
Every kit ships with CLAUDE.md, .cursorrules, and 20+ tested prompts — so your AI understands the codebase before you type a single word.
Works with every AI tool
Claude
CursorLovable
Bolt
Windsurf
CopilotChatGPT
Gemini
v0
Replit
Kiro
PerplexityClaudeCursorLovableBoltWindsurfCopilotChatGPTGeminiv0ReplitKiroPerplexity— Component Library
Real components, shipping together
33+ typed, accessible, dark-mode native pieces. Cycle the scenes to see them composed inside a real product.
— Components
Composable, not opinionated
180+ production-ready components built on Radix primitives. Drop them in, restyle them, own the code.
Gantt
Project timeline visualizer with drag handles
Kanban
Sortable, accessible kanban board
Code Block
Syntax highlighted code with copy
Color Picker
Composable color picker with eye-dropper
Calendar
Full-featured event calendar
Data Table
Powerful data table with sort + filter
Tags
Multi-select tag input
Tree
Recursive file tree component
QR Code
Customizable QR code generator
Video Player
Custom controls + chapters
Image Crop
Drag-to-crop image utility
Rating
Star rating with half steps
Comparison
Before / after image slider
Rich Editor
Rich text editor on Tiptap
Marquee
Infinite scrolling row
— Compatibility
Works with every framework.
One registry. React, Next.js, Expo, Remix, Astro, and more. Built on Radix and Tailwind, OTF components plug into any project that supports shadcn/ui.
— Why OTF
Built for builders who ship.
Composable
Built with Radix primitives. Mix, match, extend without forking the source.
Accessible
ARIA-compliant out of the box. Keyboard nav, focus rings, screen readers — all covered.
Themable
Tailwind v4 + CSS variables. 5 palettes: Slate, Warm, Cosmic, Terminal, and Custom.
Open Source
MIT licensed SDK. Read the code, fork it, contribute back — no strings attached.
Zero runtime
Components copied into your codebase. No package bloat, no version lock-in.
Every AI tool
Ships with CLAUDE.md, .cursorrules, and 20+ tested prompts. Cursor, Claude, Lovable, Bolt — your AI hits the ground running.
— Pricing
Simple, honest pricing.
Free SDK forever. Pay once for full-stack templates — no subscriptions, no seats per month.
Everything you need to build beautiful UIs.
- 180+ UI components
- 5 design themes (dark + light)
- Full TypeScript source
- MIT license
- AI configs (Cursor, Claude, Lovable)
- Community support
Fitness Kit + SaaS Dashboard Kit. One payment, ship everything.
- OTF Fitness Kit (Expo + React Native)
- OTF SaaS Dashboard Kit (Vite + Hono)
- iOS, Android + web from one codebase
- Auth, payments, Postgres — all wired
- AI configs for Cursor, Claude & Bolt
- AI prompts library (40+ tested)
- 1 year of updates on both kits
Every kit, every update, forever.
- Everything in Starter Bundle
- All future kits included
- Lifetime access — no renewal
- Priority support + Slack channel
- Early access to new kits
All kit licenses are per-developer, commercial use included. Full pricing details →
— Loved by developers
What builders are saying
Trusted by engineers and indie hackers shipping faster with OTF components and kits.
“I'm in love with OTF. Feels like the missing parts of shadcn/ui — every component slots in like it was always there.”
“OTF components are a game changer. The Kanban and App Shell are unreal — no other library ships these with this polish.”
“Opened the kit in Cursor and it just worked. The CLAUDE.md meant my AI understood the whole codebase before I typed a single prompt.”
— FAQ
Frequently asked questions
Quick answers on the SDK, templates, licensing, and supported AI tools.
Early Access
Get notified when the next kit drops.
New kits every month — each one pre-loaded for Cursor, Claude, Lovable, and Bolt. Early access pricing + a Slack invite when they ship.