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`	Web	98 primitives + blocks + layouts + charts on Radix + Tailwind v4
`@otfdashkit/ui-native`	iOS, Android	Primitives, layouts, and patterns built on Tamagui
`@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

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 (currently SaaS Dashboard + Fitness & Wellness, with the Starter Bundle bundling both for $249).

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

SaaS Dashboard, Fitness & Wellness, Starter Bundle.

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.