React Native animation examples — Page 13
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 animationView in Room Drop
A photo-based placement preview with a physical product landing, with configurable room image, product image, accent color, and fonts.
$9 for this animationStacking cards on scroll
A scroll-driven chapter deck that retains earlier cards in a recessed stack, with configurable chapters, title, accent color, and fonts.
$9 for this animationSplit Columns Scroll
A photo story with opposing image and text scroll directions, with configurable chapters, background color, column gap, and fonts.
$9 for this animationPinned Horizontal Scroll
A pinned gallery that turns vertical scroll into horizontal photo travel, with configurable chapters, intro content, fonts, and accent color.
$9 for this animationDaylight timelapse scroll
A scroll-driven sunrise-to-night landscape with configurable chapter content, fonts, and scroll distance per chapter.
$9 for this animationHabit Heatmap Grid
A habit heatmap with a light wave and rolling streak count, with configurable history, streak, colors, and fonts.
$9 for this animationFilter Chips Reflow
A lodging filter bar with promoted chips and an animated results grid, with configurable filters, stays, accent color, and fonts.
$9 for this animationEmpty State Scene
An empty-library scene that lights up and reveals a note, with configurable copy, fonts, accent colors, and ambient intensity.
$9 for this animationVideo Scrub Preview
A simulated video scrubber with panorama-based previews and configurable image, labels, accent color, and fonts.
$9 for this animationWaitlist Position Pass
A waitlist pass with animated referral-to-position updates, with configurable initial position, copy, accent color, and fonts.
$9 for this animationReview Pile Summary
A review stack with an animated rating summary, with configurable reviews, product image, gradient colors, and fonts.
$9 for this animationGift Card Send
A gift-card composer with an envelope-folding send animation and configurable amounts, card designs, fonts, and accent color.
$9 for this animationUnboxing Reveal
A touch-driven unboxing reveal with a product lift and light burst, with configurable product image, fonts, and accent color.
$9 for this animationLayered Drink Scroll
A scroll-driven drink builder with settling liquid and rolling measures, with configurable chapters, background image, fonts, and accent color.
$9 for this animationYear Recap Scroll
A year recap whose persistent capsules form charts and constellations, with configurable chapters, year, brand tile colors, and fonts.
$9 for this animationPhoto Edit Scroll
A scroll-driven photo edit with cumulative adjustments and a live histogram, with configurable image, chapter copy, fonts, and grain opacity.
$9 for this animationImpact numbers scroll
A scroll-driven impact report with morphing particles and rolling statistics, with configurable chapters, title, fonts, and particle drift.
$9 for this animationJourney Map Scroll
A scroll-driven itinerary with route-following camera motion and pop-out postcards, with configurable stops, copy, fonts, and accent color.
$9 for this animationSleep stages chart
A sleep-stage chart with rolling totals and a linked inspection cursor, with configurable segments, start time, stage colors, and fonts.
$9 for this animationProduct Zoom Gallery
A product gallery with focal zoom, elastic panning, and color selection, with configurable variants, copy, background color, and fonts.
$9 for this animationOnboarding Feature Carousel
An onboarding carousel with shared silhouettes morphing between scenes, with configurable chapter content, fonts, and accent colors.
$9 for this animationPortfolio Allocation
A risk slider that reshapes allocations and reorders asset rows, with configurable risk levels, assets, fonts, and background color.
$9 for this animationHeart Rate Live
A heart-rate monitor with rolling BPM and a synchronized ECG sweep, with configurable initial BPM, metrics, trace color, and fonts.
$9 for this animationGradient Mesh Hero
A welcome hero with a touch-responsive gradient mesh and configurable palette, copy, fonts, and title size.
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.