How do I install the Animated Number component?

Install the free SDK with `bun add @otfdashkit/ui-native` (or npm/pnpm) and import { AnimatedNumber }. Copy-paste distribution is also supported.

Is the Animated Number component free to use?

Yes. Animated Number ships in @otfdashkit/ui-native, part of the free MIT-licensed OTF SDK on npm — use it in personal and commercial projects.

Which platform does this Animated Number page cover?

This page documents the native version (iOS and Android via @otfdashkit/ui-native); the OTF SDK keeps the same component API across its web and native packages where a counterpart exists.

Free

3 full-stack kits & 15 landing templates225+ open-source components for web + native225+ open-source components for web + native — plus 3 full-stack kits & 15 landing templates

Browse the SDK

OTF Kit

Star

Animated Number

Display

Count-up number — same props as web, plus delay; reduced-motion safe.

View in Mobile Storybook

Loading mobile preview…

Installation

$bun add @otfdashkit/ui-native

Import

import { AnimatedNumber } from '@otfdashkit/ui-native'