OTF — one component set, web + native

OTF is a free, MIT-licensed cross-platform UI SDK. The core idea: <Button> from @otfdashkit/ui (web — React, on Radix + Tailwind) and <Button> from @otfdashkit/ui-native (native — Expo / React Native) share the same name and the same design tokens. They do not share the same props: each package has its own variants and sizes. Own the source — copy-paste or npm install, no lock-in.

When to use this skill

Activate when building a UI that targets web and/or native and you want a single, accessible, opinionated component API. Use it to decide which package to import and to wire the SDK up correctly the first time.

Which package do I import?