Animations / Micro-interactions
Try it on your phoneScan with the free preview app and this animation opens, running for real.
Dynamic task color assignment animation
Built with Moti, Reanimated. Add it with your agent, with one command, or copy the source.
Expo SDK 54 or newerMotiReanimated
Paste this into Claude Code, Cursor or Codex. It fetches the real source and fits it to your app.
Add the “Dynamic task color assignment animation” animation from AnimateReactNative to this app.
1. Get the source with the animatereactnative MCP tool: get_animation("dynamic-task-color-assignment-animation"). If that tool isn't available, run: npx @animatereactnative/cli add dynamic-task-color-assignment-animation
2. Install what it needs with npx expo install: moti react-native-reanimated
3. Keep the motion as written: the interpolation ranges, the springs and the gesture thresholds.
4. Replace the sample data with mine, and take colors and fonts from my theme.
5. Tell me where you mounted it, and list anything you changed inside the animation itself.
Connect the MCP server once
claude mcp add --transport http animatereactnative https://www.animatereactnative.com/mcp
