React Native animation examples — Page 10
Source-owned motion for React Native and Expo. Explore 410 published animations: 361 paid and 49 free.
Previews use fictional demo content and brands. Each piece lists its actual props for adapting colors, fonts, images, and text where supported.
Choose No Skia or Reanimated only in the Dependencies filter. Reanimated only allows Worklets, excludes Gesture Handler and Expo modules, and does not imply compatibility with other SDKs. See compatibility and our quality checks.
Loading animations…
Popular patterns
410 animations
$9 for this animationDot Matrix Clock
An alarm clock with morphing dot numerals and a snooze scatter, with configurable time, labels, dot color, and fonts.
$9 for this animationAura Metric Tiles
An expanding metric tile dashboard with animated light and configurable metrics, colors, copy, and fonts.
$9 for this animationSpec Compare Duel
A product comparison with a draggable space-sharing divider, with configurable products, specifications, background color, and fonts.
$9 for this animationTask Progress Checklist
A five-stage task monitor that reveals completed artwork, with configurable stage labels, image, accent color, and fonts.
$9 for this animationLimited Drop Stock
A limited-release product screen with hold-to-reserve feedback, with configurable image, stock, fonts, and accent color.
$9 for this animationCompound Growth Scroll
A scroll-driven savings story with a rolling balance and growth curve, with configurable chapters, labels, accent color, and fonts.
$9 for this animationIngredient Orbit Scroll
A scroll-driven recipe with orbiting ingredients that drop into a cup, with configurable ingredients, cup image, accent color, and fonts.
$9 for this animationSpotlight Coachmarks
A guided tour with a morphing spotlight and following coachmarks, with configurable steps, navigation labels, accent color, and fonts.
$9 for this animationAmount Entry Keypad
A money keypad with rolling digits and an amount-to-avatar flight, with configurable palette, recipient details, fonts, and quick amounts.
$9 for this animationLaunch Countdown Reveal
A product launch story with a countdown-to-reservation transition and configurable product image, chapters, fonts, and accent color.
$9 for this animationTier Pillars Paywall
A paywall with height-based plan pillars and illuminated features, with configurable plans, features, labels, and fonts.
$9 for this animationWorkout Timer Ring
An interval timer with rolling countdowns and work-to-rest transitions, with configurable work duration, exercises, work color, and fonts.
$9 for this animationMap Pin Cluster
A map whose pins separate from clusters and gather back, with configurable places, labels, land color, and fonts.
$9 for this animationPricing Toggle Plans
A pricing selector with rolling prices and expanding disclosures, with configurable plans, labels, accent color, and fonts.
$9 for this animationComment Thread Expand
An expanding comment tree with drawn connectors and rolling likes, with configurable comments, labels, fonts, and connector color.
$9 for this animationPrice Range Histogram
A two-handle lodging price filter with animated histogram selection, with configurable bins, filters, accent color, and fonts.
$9 for this animationInline Edit Profile
An inline profile editor with animated focus and cancel rewind, with configurable initial values, username suggestions, accent color, and fonts.
$9 for this animationMorphing Select Menu
A select field that expands into an option card and returns the chosen row, with configurable options, label, accent color, and fonts.
$9 for this animationPrice Drop Tag
A flipping discount tag with an animated price-history chart, with configurable product image, history, accent color, and fonts.
$9 for this animationFlavor Wheel Match
A coffee tasting wheel with a recommendation reveal and configurable product image, recommendation copy, accent color, and fonts.
$9 for this animationMoon Phase Scroll
A scroll-driven lunar sleep program with changing moon phases, with configurable chapters, program title, fonts, and accent color.
$9 for this animationDrag Select Grid
A photo grid with drag selection and a checkmark wave, with configurable photos, title, fonts, and accent color.
$9 for this animationElastic date range picker
A travel date-range picker with elastic selection and configurable months, nightly prices, accent color, and fonts.
$9 for this animationGoal Picker Quiz
A two-step goal quiz with expanding fills and answer-to-summary flights, with configurable goals, time options, accent colors, and fonts.
About the Native Animation catalog
Native Animation is a catalog of production-ready animations for React Native and Expo: carousels, buttons, loaders, onboarding screens, charts, glass surfaces, and small interactions. Each piece has a live preview, a documented public API, and a README that lists its dependencies and platform status.
Pieces are built with Reanimated 4 for UI-thread motion and Gesture Handler for touch, adding Skia, Expo Image, Expo Blur, or Expo Linear Gradient only where the effect needs them. They respect the system Reduce Motion setting and expose props for colors, timing, and content.
You install a piece with npx nativeanimation add: the CLI copies its folder into your project, so you own the code and can change anything. Free pieces let you try that workflow first; paid pieces are sold individually or as all-access on the pricing page. Learn more about the copy-the-code approach or follow a step-by-step guide.