AnimateReactNative.com is a library of React Native animations built by hand with Reanimated, Gesture Handler, Moti and Skia, each one recorded on a real device. You get the real source: copy it from the page, add it with one command, or let your coding agent pull it in and fit it to your app.
Browse the animations · Free ones · Pricing
Small libraries that came out of building the animations. Free on npm.
| Package | What it is | Install |
|---|---|---|
| marquee | An infinite scrolling marquee, powered by Reanimated. Wraps any component, on iOS, Android and Web. | npm install @animatereactnative/marquee |
| stagger | Cascades any group of children in and out, with Reanimated layout animations. | npm install @animatereactnative/stagger |
| accordion | An accordion for content with a dynamic height, without layout shifts for its siblings. | npm install @animatereactnative/accordion |
| ggwave | Data over sound. Two phones pass bytes through the air with no network, no pairing and no account. | npm install @animatereactnative/ggwave |
| skia-loaders | 20 particle-trail loaders drawn with Skia and driven entirely on the UI thread. | npm install @animatereactnative/skia-loaders |
| What it does | Set it up | |
|---|---|---|
| Skill | Free. Teaches your agent how React Native animations are built: one driver, springs, gestures, lists. | npx skills add animate-react-native/skill |
| MCP server | Your agent searches the library and reads an animation's real source. | claude mcp add --transport http animatereactnative https://www.animatereactnative.com/mcp |
| CLI | Adds one animation to your project, or syncs the whole library to your machine. | npx @animatereactnative/cli add <slug> |
The free preview app runs the whole library on a real device: App Store · Google Play
