React Native animation examples — Page 2
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 animationTear-Off Boarding Pass
A boarding pass with a tear-away stub and falling paper feedback, with configurable passenger details, flight data, accent color, and fonts.
$9 for this animationCosmic Day Carousel
A daily sky carousel with expanding illustrated pages and an eclipse effect, with configurable day data, artwork, palette, and fonts.
$9 for this animationStarfield Card Carousel
A cinematic onboarding carousel that presents portrait cards in a looping 3D stack against a softly twinkling night sky.
$9 for this animationFolder Burst Gallery
A media gallery whose folders release photos into a grid and gather them back, with configurable items, copy, colors, and fonts.
$9 for this animationPayment Success Burst
A payment confirmation with a drawn ring, rolling amount, and receipt reveal, with configurable amount, recipient details, success color, and fonts.
$9 for this animationConstellation Morph Picker
A zodiac picker with morphing star charts and a draggable forecast sheet, with configurable forecasts, title, fonts, and accent color.
$9 for this animationSplit-Flap Board
A departure board with cascading split-flap updates and configurable departures, copy, board color, and fonts.
$9 for this animationPixel Grid Voice
An LED face that morphs into listening bars and speaking waves, with configurable state labels, shortcuts, colors, and fonts.
$9 for this animationIridescent Scroll Sections
A scroll-driven landing page with assembling iridescent objects and configurable sections, colors, fonts, and motion intensity.
$9 for this animationRising Photo Welcome
A welcome form with rising photos and image-linked field colors, with configurable slides, copy, phone label, and fonts.
$9 for this animationReflective Variant Carousel
A product carousel with perspective parallax and a cap-origin color sweep, with configurable variants, specifications, purchase bar color, and fonts.
$9 for this animationScratch Card Reveal
A scratch card with coverage-based reward reveal and configurable reward copy, labels, metallic colors, and fonts.
$9 for this animationFlight Arc Tracker
A flight tracker with a drawn route and expanding timeline, with configurable airport codes, flight details, accent color, and fonts.
$9 for this animationVPN Connect Globe
A VPN status panel with a rotating globe and rolling session timer, with configurable locations, status labels, colors, and fonts.
$9 for this animationGlow Tier Upgrade
An upgrade-to-payment flow linked by a traveling lightning bolt, with configurable plan, payment methods, colors, and fonts.
$9 for this animationLamp Hotspot Showcase
A lighting storefront with image-anchored details and slide-to-order checkout, with configurable products, labels, palette, and fonts.
$9 for this animationOval Popout Product
A storefront with product photos that expand from capsules into details, with configurable products, copy, palette, and fonts.
$9 for this animationTheme Iris Reveal
A touch-origin circular theme reveal with configurable surface content, labels, palettes, and fonts.
$9 for this animationInfinite Zoom Intro
A nested-photo zoom intro that reveals nearby friends, with configurable scenes, friend data, accent color, and fonts.
$9 for this animationPage Curl Reader
A reader with touch-driven page curls and configurable pages, labels, paper color, and fonts.
FreeBase Slider
A value or range slider with spring-following thumbs and configurable bounds, step, and theme.
FreeBase Switch
A switch with a stretching, spring-driven thumb that takes its colors and radius from a configurable theme.
FreeBase Settings Block
An account settings screen with configurable profile data, notification preferences, language and appearance choices, destructive confirmation, copy…
FreeBase Radio Group
A radio group with spring-driven selection dots and configurable options, orientation, and theme.
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.