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.
- Free
Shimmer Skeleton
A synchronized diagonal sheen for loading placeholders.
- Free
Copy Confirm Button
A dimensional copy action that rotates into a check, flashes a success halo, and raises a polished confirmation bubble.
- $9 for this animation
Hold to Confirm Button
A deliberate confirmation control with a dimensional progress surface, tactile press response, and a luminous success finish.
- $9 for this animation
OTP Code Input
A paste-friendly one-time-code field with animated slots and clear validation feedback.