React Native animation examples — Page 17
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
FreeSpring Toggle
A draggable toggle with a stretching, spring-driven thumb, with configurable size, off color, glow color, and thumb icon.
$9 for this animationDrag Star Rating
A drag-to-rate star control with a completion celebration and configurable star size, spacing, fill color, and glow color.
FreeAuto Height Accordion
A measured-height FAQ accordion with configurable questions and answers, accent color, and font.
$9 for this animationElastic Pull Refresh
A pull-to-refresh wrapper with an elastic sheet reveal and configurable content, pull threshold, and accent color.
$9 for this animationPassword Strength Meter
A password field with an animated strength checklist, with configurable requirements, placeholder, strength colors, and font.
$9 for this animationOrbit Chase Loader
An orbital loader with a comet chasing a blinking star, with configurable colors, label, size, and font.
$9 for this animationLiquid Orb Loader
A swirling liquid orb that settles into a completion mark, with configurable liquid colors, labels, size, and fonts.
$9 for this animationMorphing Tab Bar
A tab bar with a stretching active capsule and configurable destinations, font, and accent color.
$9 for this animationConfetti Cannon
A touch-triggered confetti fan with flipping paper and streamers, with configurable colors, particle count, spread, and duration.
$9 for this animationSwipe to Delete Row
A swipe-action row with expanding actions and collapse dismissal, with configurable row content, action labels, delete color, and font.
$9 for this animationWheel Picker
A horizontal wheel picker with momentum and a curved label track, with configurable options, active color, curve, and font.
$9 for this animationArc Avatar Switcher
An arc-shaped artwork picker with scene transitions and configurable items, arc radius, thumbnail size, and selection ring color.
$9 for this animationBlurred Backdrop Carousel
A carousel with a drag-synced blurred backdrop and configurable images, card width, fonts, and accent color.
$9 for this animationCollapsing Glass Tab Bar
A floating tab bar that collapses into an active-tab pill on scroll, with configurable tab labels, glass treatment, and accent color.
FreeCopy Confirm Button
A copy button that draws a check and lifts a confirmation pill, with configurable confirmation text, font, surface color, and success color.
$9 for this animationCountdown Offer Paywall
A subscription paywall with rolling offer digits and configurable plans, copy, fonts, and accent color.
$9 for this animationCounting Bar Chart
A bar chart with growing bars, a rolling total, and draggable detail, with configurable data, headings, bar color, and fonts.
$9 for this animationDecision Swipe Deck
A swipe decision deck with reactive stamps and undo, with configurable items, card content, colors, and decision labels.
$9 for this animationDynamic Glass Pill
A delivery status pill that expands into an action card, with configurable copy, glass treatment, accent color, and fonts.
$9 for this animationExpanding Strip Carousel
A photo carousel where narrow strips expand under a drag, with configurable items, direction, spacing, and fonts.
FreeHold to Confirm Button
A hold-to-confirm control with animated progress and a success finish, with configurable labels, width, progress color, and font.
$9 for this animationMorphing Action Button
An action button that expands into a card as the screen recedes, with configurable card content, background content, button color, and card width.
$9 for this animationOTP Code Input
A passcode field with animated slots and validation feedback, with configurable code length, slot size, accent color, and font.
$9 for this animationRecord Stack Picker
A record picker with a perspective sleeve stack and vinyl-to-player transition, with configurable records, copy, accent color, 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.