# OTF — Open Template Forest

> AI-native cross-platform templates. Production-grade Next.js + Expo with shared design system. Free SDK on npm; paid kits with AI configs (Claude Code, Cursor, Antigravity, Lovable) built in.

This is the OTF documentation site. Every page below is also available as raw Markdown at the same URL with `/md/<slug>.md` (e.g. https://otf-kit.dev/md/getting-started.md).

- Site: https://otf-kit.dev
- Storefront: https://otf-kit.dev
- SDK GitHub: https://github.com/otf-kit/sdk
- npm: https://www.npmjs.com/org/otfdashkit

## Overview

- [OTF SDK](https://otf-kit.dev/docs/): Production-grade Next.js + Expo templates with a shared design system and AI-native config.

## Getting Started

- [Getting started](https://otf-kit.dev/docs/getting-started/): Install the OTF SDK packages, wire up theming, and ship your first screen.

## Components

- [Interface](https://otf-kit.dev/docs/components/ui-native/interface/): The 14 standard mobile UI building blocks — Badge, Dialog, Tabs, Toast, Tooltip, and more.
- [Layouts](https://otf-kit.dev/docs/components/ui-native/layouts/): The 8 layout shells — ScreenLayout, Section, Grid, KeyboardStickyFooter, and more.
- [Overview](https://otf-kit.dev/docs/components/ui-native/overview/): The @otfdashkit/ui-native component surface — primitives, interface, layouts, patterns.
- [Patterns](https://otf-kit.dev/docs/components/ui-native/patterns/): 48 high-level UX patterns — bottom sheets, onboarding, paywalls, chips, search bars, and more.
- [Primitives](https://otf-kit.dev/docs/components/ui-native/primitives/): The 5 Tamagui-styled atoms — Avatar, Button, Card, Input, Text.
- [Advanced](https://otf-kit.dev/docs/components/ui/advanced/): Power-user components — Kanban, Gantt, Rich Editor, Command Bar, Filters, Bulk Actions.
- [Blocks](https://otf-kit.dev/docs/components/ui/blocks/): Full-section product blocks — sidebars, modals, dashboards, layouts.
- [Composite](https://otf-kit.dev/docs/components/ui/composite/): Opinionated, finished patterns built on top of the primitives.
- [Overview](https://otf-kit.dev/docs/components/ui/overview/): The @otfdashkit/ui component surface — primitives, composites, blocks, and advanced.
- [Primitives](https://otf-kit.dev/docs/components/ui/primitives/): Unstyled-but-themed building blocks — Button, Input, Dialog, Tabs, and 46 more.

## Tokens

- [Tokens overview](https://otf-kit.dev/docs/tokens/overview/): The @otfdashkit/tokens design system — CSS variables, palettes, and runtime theme switching.

## Ai Tools

- [Antigravity](https://otf-kit.dev/docs/ai-tools/antigravity/): Wire Antigravity to respect your kit's conventions via AGENTS.md.
- [Claude Code](https://otf-kit.dev/docs/ai-tools/claude-code/): Make Claude Code respect your kit's conventions via CLAUDE.md and AGENTS.md.
- [Cursor](https://otf-kit.dev/docs/ai-tools/cursor/): Wire Cursor to respect your kit's conventions via .cursorrules.
- [Lovable](https://otf-kit.dev/docs/ai-tools/lovable/): Wire Lovable to respect your kit's conventions via lovable.md or pinned context.
- [AI tool integration](https://otf-kit.dev/docs/ai-tools/overview/): How OTF works with Claude Code, Cursor, Antigravity, and Lovable.

## Templates

- [Fitness & Wellness Kit](https://otf-kit.dev/docs/templates/fitness-kit/): Expo SDK 54 + Hono full-stack mobile fitness template. $149.
- [Templates overview](https://otf-kit.dev/docs/templates/overview/): The OTF kits — full-stack production templates that consume the SDK.
- [SaaS Dashboard Kit](https://otf-kit.dev/docs/templates/saas-dashboard/): Vite + Hono full-stack SaaS template. $149.
- [Starter Bundle](https://otf-kit.dev/docs/templates/starter-bundle/): Both kits + every future OTF kit. $249 (save $49).

## Contributing

- [Contributing](https://otf-kit.dev/docs/contributing/): How to file issues, propose changes, and add components to the OTF SDK.

## Optional

- [Blog](https://otf-kit.dev/blog/): Engineering decisions, design rationale, and launch posts.