Skip to content
Native Animation

React Native Micro-interactions

React Native micro-interactions make small state changes understandable: a copied value confirms itself, a code slot responds to input, a skeleton shows that content is coming, and a deliberate hold protects an important action. This collection focuses on those compact, reusable moments. Each piece has a narrow responsibility, a documented public API, and a reduced-motion behavior that preserves meaning without unnecessary travel. Reanimated handles frame-level progress on the UI thread, with Expo modules or Gesture Handler included only when the pattern needs them. Add a component through the Native Animation CLI and its source becomes part of your project, ready for your labels, colors, dimensions, timing, and callbacks. Free pieces offer a practical way to inspect the copy-paste workflow before buying anything, while paid pieces remain individually available or included in all-access. Use the related guides for the implementation principles behind common patterns, then choose a catalog piece when you need the finished interaction and its edge cases.