React Native animation examples — Page 12
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 animationRating sheet with a drawn face
A rating sheet with a continuously changing face and configurable rating labels, feedback reasons, surface color, and fonts.
$9 for this animationFolder Tab Cards
A folder-tab stack with lift-out notes and drag-to-file dismissal, with configurable folders, accent color, and fonts.
$9 for this animationStock Chart Scrubber
A market chart with a draggable cursor and morphing ranges, with configurable price, stats, positive-value color, and fonts.
$9 for this animationDonut Spend Breakdown
A spending donut with animated period changes and category selection, with configurable categories, copy, fonts, and accent color.
$9 for this animationStroke Logo Reveal
A splash that traces a glyph into a gradient tile and reveals a home screen, with configurable glyph path, tile colors, wordmark font, and tagline.
$9 for this animationDepth Side Drawer
A side drawer that pushes content into a perspective stack, with configurable destinations, screen content, accent color, and fonts.
$9 for this animationLink Unfurl Card
A link preview that unfolds from a note into a shared-image reader, with configurable image, preview copy, fonts, and accent color.
$9 for this animationCaught Up Feed End
A feed ending with a scroll-drawn check and elastic load-more action, with configurable stories, copy, fonts, and accent color.
$9 for this animationPinned Section List
A project list with arcing flights into pinned cards, with configurable projects, section labels, accent color, and font.
$9 for this animationExpress Pay Sheet
A payment sheet with a sliding card stack and card-to-receipt finish, with configurable cards, labels, accent color, and fonts.
$9 for this animationLaser Engrave Preview
A laser engraving preview with traced letters, sparks, and smoke, with configurable product image, glyph sets, fonts, and accent color.
$9 for this animationFour Seasons Tree Scroll
A scroll-driven seasonal tree with growing blossoms and falling leaves, with configurable chapter content, action label, and fonts.
$9 for this animationKinetic Manifesto Scroll
A scroll-driven typographic story with phrase-specific motion and configurable chapters, accent color, fonts, and motion intensity.
$9 for this animationDepth descent scroll
A scroll-driven water-cycle descent with configurable chapter content, action label, fonts, and parallax strength.
$9 for this animationRoute Elevation Scroll
A trail story with a scroll-linked elevation profile and summit flags, with configurable chapters, elevation samples, accent color, and fonts.
$9 for this animationPortal scene picker
A scene carousel whose circular portals expand into session timers, with configurable scenes, portal size ratio, accent color, and fonts.
$9 for this animationCurrency Converter Swap
A currency converter with crossing cards and rolling amounts, with configurable rates, initial amount, accent color, and fonts.
$9 for this animationDrilldown Settings Navigation
A settings stack with shared-title transitions and edge-back gestures, with configurable accent choices, profile subtitle, and fonts.
$9 for this animationTime Slot Picker
An appointment picker that folds selected times into confirmation tickets, with configurable slots, dates, accent color, and fonts.
$9 for this animationTag Token Input
A tag input with suggestion flights and animated token creation, with configurable suggestions, placeholder, token colors, and fonts.
$9 for this animationOffline Retry Banner
An offline feed with retry feedback and a reconnection reveal, with configurable articles, status labels, accent color, and fonts.
$9 for this animationPresence avatar stack
A collaborator avatar stack with a rolling overflow count and expanding roster, with configurable members, title, fonts, and accent color.
$9 for this animationSeat Map Picker
An airplane seat picker with radial fills and a reclining upgrade preview, with configurable seats, pricing, accent color, and fonts.
$9 for this animationPay in Four Split
A checkout that splits the price into four coins and a payment calendar, with configurable amount, payment dates, product image, 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.