Animations / Buttons
Checklist 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 “Checklist animation” animation from AnimateReactNative to this app.
1. Get the source with the animatereactnative MCP tool: get_animation("checklist-animation-todo-list-animation"). If that tool isn't available, run: npx @animatereactnative/cli add checklist-animation-todo-list-animation
2. Install what it needs with npx expo install: expo-constants 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
