React Native animation examples — Page 6
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 animationShutter Deal Reveal
A scheduled offer reveal with a rolling shutter and countdown, with configurable offer content, labels, colors, and fonts.
$9 for this animationTop Five Countdown
A reverse-ranking reveal with flipping cards and a final spotlight, with configurable ranked items, colors, timing, and fonts.
$9 for this animationText Mask Zoom Scroll
A scroll-driven zoom through photo-filled type into destination content, with configurable chapters, mask font asset, text fonts, and surface color.
$9 for this animationSnow Settle Overlay
A snowfall overlay that settles on rounded surfaces and scatters on fast scroll, with configurable content, colors, density, and wind.
$9 for this animationAdvent Calendar Grid
An advent calendar with hinged doors and expanding rewards, with configurable days, colors, labels, and fonts.
$9 for this animationRecap Share Poster
An annual recap that assembles into a touch-responsive bento poster, with configurable stats, ribbon text, colors, and fonts.
$9 for this animationRecap Story Deck
An annual story deck with kinetic type and ink-ribbon transitions, with configurable slides, colors, navigation labels, and fonts.
$9 for this animationCoupon Tear Reveal
A tear-open coupon with a falling stub and copy confirmation, with configurable promo code, labels, colors, and fonts.
$9 for this animationSavings Milestone Bar
A cart reward bar with rolling amounts and tier celebrations, with configurable milestones, labels, colors, and fonts.
$9 for this animationCauldron Reward Burst
A hold-to-charge cauldron reward reveal with configurable reward content, colors, labels, and fonts.
$9 for this animationPumpkin Night Toggle
A dusk-to-night toggle with a rolling pumpkin and flying bats, with configurable size and scene colors.
$9 for this animationGhost Pull Refresh
A pull-to-refresh wrapper with a floating ghost character and configurable content, colors, labels, and font.
$9 for this animationFinish Configurator
A product finish picker with a liquid color reveal and configurable color options, finishes, product copy, and fonts.
$9 for this animationVoice Record Lock
A hold-to-record interface with slide-to-lock and review states, with configurable labels, palette, fonts, and duration limit.
$9 for this animationRouted Shared Element
A cover-to-detail transition with a measured return path, with configurable items, labels, palette, and fonts.
$9 for this animationTool Approval Card
A tool invocation card with animated approval and execution states, with configurable call details, labels, palette, and fonts.
$9 for this animationResource State Transition
A data region with animated loading, empty, error, and refresh states, with configurable content, labels, palette, and fonts.
$9 for this animationMessage Delivery Morph
A message bubble with animated delivery states and a retry lane, with configurable message content, labels, palette, and fonts.
$9 for this animationPurchase Recovery Panel
A purchase-recovery panel with animated restore states and configurable labels, palette, fonts, and entitlement details.
$9 for this animationKeyboard Anchored Chat
A chat that anchors new messages above a growing composer, with configurable messages, labels, palette, and fonts.
$9 for this animationBezier Motion Editor
A two-handle easing editor with a motion preview and configurable presets, labels, palette, and fonts.
$9 for this animationInline source reveal
Inline citations that open an evidence panel and return to their marker, with configurable text segments, sources, palette, and fonts.
$9 for this animationAnchored Live Feed
A live feed that preserves the reading position, with configurable items, labels, palette, and fonts.
$9 for this animationAccount Recovery Flow
An email-to-code recovery flow with animated state changes and configurable labels, palette, 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.