OTF SDK
Install the OTF SDK packages @otfdashkit/ui and @otfdashkit/ui-native for web and Expo components.
The OTF SDK has 240+ components (150+ web, 85+ native), 109 documented one by one in the gallery. Blocks and patterns are listed separately. OTF is an open-source SDK for building cross-platform applications that AI coding tools like Claude Code, Cursor, Antigravity, and Lovable can extend without breaking. The SDK ships in three npm packages plus a small set of paid kits that put it all together.
What's in the box
| Package | Platform | Surface |
|---|---|---|
@otfdashkit/ui | Web | 150+ components for React web apps (needs Tailwind CSS v3) |
@otfdashkit/ui-native | iOS, Android | 85+ components for Expo apps |
@otfdashkit/tokens | Both | Design tokens (color, space, radius, motion) — 17 themes |
@otfdashkit/eslint-plugin-otf-design | Both | Lints that catch hardcoded hex/spacing in feature code |
Install the free SDK
The SDK packages are free and MIT-licensed on npm under @otfdashkit/*. Install the packages
for your platform using the matching guide:
Web project
Get started with Next.js, Vite, or Remix.
React Native project (Expo)
Get started with Expo.
Both platforms in one repo
Set up web and native together.
Why use it
Most cross-platform UI libraries optimise for either coverage or polish. OTF is opinionated: a small surface, taken to a high finish. New pages and components are designed against the best competitor for that surface and design-reviewed before they ship.
- AI-native by design. Every kit ships
CLAUDE.md,AGENTS.md,.cursorrulesand 20+ task prompts inai/prompts/, so your editor knows the kit's patterns on first contact. - Shared component names and design tokens across platforms where the abstraction is honest. Props differ per platform; each component's page lists its own.
- Production templates included. Free SDK + 6 Live paid full-stack kits (SaaS Dashboard, Fitness, Arcade, Booking, Marketplace and AI Agent). The $149 Everything Bundle includes every one of them and all 20 landing templates ($774 bought separately, save $625).
Quick links
Getting started
Install, theme, your first screen — both web and native.
Components — Web
The @otfdashkit/ui reference.
Components — Native
The @otfdashkit/ui-native reference.
Tokens
Design tokens + palette switching.
AI tools
Claude Code, Cursor, Antigravity, Lovable.
Templates
Every live kit, the Everything Bundle and every landing template.
Status
Live on npm and in production: every OTF kit (SaaS Dashboard, Fitness, Arcade, Booking, Marketplace and AI Agent) is built on it. Versions follow semver; while on 0.x, a minor release can change an API, so pin exact versions in production.
