animating-react-native-expo
React Native (Expo) animations — Reanimated v4 + Gesture Handler
Defaults (pick these unless there’s a reason not to)
- Simple state change (hover/pressed/toggled, small style changes): use Reanimated CSS Transitions.
- Mount/unmount + layout changes (lists, accordions, reflow): use Reanimated Layout Animations.
- Interactive / per-frame (gestures, scroll, physics, drag): use Shared Values + worklets (UI thread).
If an existing codebase already uses a different pattern, stay consistent and only migrate when necessary.
Quick start
Install (Expo)
npx expo install react-native-reanimated react-native-worklets react-native-gesture-handler
More from tristanmanchester/agent-skills
designing-beautiful-websites
>-
1.2Kreddit-readonly
>-
359styling-nativewind-v4-expo
>-
225track17
Track parcels via the 17TRACK API (local SQLite DB, polling + optional webhook ingestion)
73nextjs-framer-motion-animations
Adds production-safe Motion for React or Framer Motion animations to Next.js apps, including reveal, hover and tap micro-interactions, whileInView, stagger, AnimatePresence, layout and layoutId transitions, reorder, scroll-linked UI, and lightweight route-content transitions. Use when the user asks to add, refactor, or debug Motion or Framer Motion in App Router or Pages Router codebases, especially around server/client boundaries, reduced motion, LazyMotion, bundle size, hydration, or route transitions. Avoid for GSAP-style timelines, WebGL or 3D scenes, heavy scroll storytelling, or CSS-only effects unless Motion is explicitly requested.
70tracking-pettracer-location
>-
67