# OTF SDK

> Production-grade Next.js + Expo templates with a shared design system and AI-native config.

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`](https://www.npmjs.com/package/@otfdashkit/ui) | Web | 98 primitives + blocks + layouts + charts on Radix + Tailwind v4 |
| [`@otfdashkit/ui-native`](https://www.npmjs.com/package/@otfdashkit/ui-native) | iOS, Android | Primitives, layouts, and patterns built on Tamagui |
| [`@otfdashkit/tokens`](https://www.npmjs.com/package/@otfdashkit/tokens) | Both | Design tokens (color, space, radius, motion) — 17 themes |
| [`@otfdashkit/eslint-plugin-otf-design`](https://www.npmjs.com/package/@otfdashkit/eslint-plugin-otf-design) | Both | Lints that catch hardcoded hex/spacing in feature code |

## 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.** Every component is reviewed against the
24-item kit-design-checklist before it ships.

- **AI-native by design.** Each kit ships a `CLAUDE.md`, `.cursorrules`, and equivalents — kept in
  sync by the upcoming `@otfdashkit/ai` CLI.
- **Same API across platforms** where the abstraction is honest. Where it isn't, the
  documentation tells you.
- **Production templates included.** Free SDK + paid full-stack kits (SaaS Dashboard, Fitness,
  Booking, and Arcade, with the Starter Bundle bundling all four + 15 landing templates for $149).

## Quick links

<Cards>
  <Card title="Getting started" href="/docs/getting-started" description="Install, theme, your first screen — both web and native." />
  <Card title="Components — Web" href="/docs/components/ui/overview" description="The @otfdashkit/ui reference." />
  <Card title="Components — Native" href="/docs/components/ui-native/overview" description="The @otfdashkit/ui-native reference." />
  <Card title="Tokens" href="/docs/tokens/overview" description="Design tokens + palette switching." />
  <Card title="AI tools" href="/docs/ai-tools/overview" description="Claude Code, Cursor, Antigravity, Lovable." />
  <Card title="Templates" href="/docs/templates/overview" description="SaaS Dashboard, Fitness & Wellness, Starter Bundle." />
</Cards>

## Status

This is the **public alpha** (`v0.1.0`). The SDK surface is stable enough to ship paid kits on
top of — the SaaS Dashboard and Fitness & Wellness kits both consume it directly — but breaking
changes can still happen at minor versions until `v1.0.0`. Pin a specific version if that
matters for you.