About Native Animation
Native Animation is a catalog of React Native and Expo animations whose source becomes part of your application. Each piece is a self-contained component folder with its assets, documented props, README, and dependency requirements. The CLI copies that folder into your project so you can adapt the implementation directly.
The product and these guides are authored by the Native Animation organization. Browse the published animation catalog, learn the workflow in getting started, or compare individual and all-access pricing.
How a piece is made
Work begins with an interaction pattern and an explicit motion specification: layout, timing, easing, layer order, gesture behavior, and reduced-motion presentation. The visual identity, demo copy, artwork, and code are created for each piece.
Continuous motion is kept in shared values, with derived geometry and material changes evaluated on the UI thread. React handles discrete application state and callbacks. A piece exposes content and customization through props, so the demo's data and business behavior can be replaced without rebuilding the effect.
Validation includes TypeScript, lint, formatting, a web export, and compilation of the iOS and Android JavaScript bundles. Recorded previews are reviewed against the motion specification, and every piece passes a design review before it is published. These checks describe the production process; they are not a substitute for testing on your application's actual devices and screens.
Stack and verification boundaries
The catalog repository currently uses the following versions:
| Technology | Repository version | Purpose |
|---|---|---|
| Expo | SDK 57 | Application framework and compatible native modules |
| React Native | 0.86.3 | Native views and accessibility semantics |
| Reanimated | 4.5.1 | Shared values and UI-thread animation |
| react-native-worklets | 0.10.1 | Runtime scheduling, including scheduleOnRN |
| Gesture Handler | ~2.32.0 | Touch and gesture recognition |
| React Native Skia | 2.6.2 | Canvas drawing, paths, particles, and shaders when needed |
Pieces use Expo Image, Linear Gradient, Blur, and other Expo modules when their effect requires them. A plain view animation does not need every dependency in this table. Each catalog page lists that piece's dependencies and platform verification status.
Web previews and native bundle compilation are part of the checks performed in this repository. A compiled iOS or Android bundle does not demonstrate physical-device performance. Device verification remains pending where the piece's documentation says so. We do not publish an FPS benchmark or claim complete device coverage from a web preview. Test your integration with the final fonts, content, gestures, accessibility settings, and target hardware.
The guides explain smaller implementations you can build yourself, while the catalog folders provide finished patterns and their public APIs. The Skia collection groups published pieces that use a canvas, and the changelog lists recorded publication dates and dated guide updates.
Original code and visual identity
Every Native Animation implementation is written from scratch. Demo brands, artwork, and copy are original and generic, so you can replace them with your own content.
Use the source according to the Native Animation license. Purchasing a piece does not grant permission to resell its source as a competing library, template, or UI kit. Native Animation is independent of the technology providers named above.
Contact and public resources
For support or questions about the catalog, email support@nativeanimation.com.
The official GitHub organization links to the public free-animation repository. The nativeanimation package on npm provides the CLI. See CLI documentation for commands and AI agent setup for the catalog's MCP integration.