React Native animation examples
Explore 59 pieces built for React Native and Expo. Each piece is production-ready, customizable, and copied directly into your project.
$9 for this animationVoice Orb
A fluid, breathing voice indicator that reacts to microphone, simulated, or app-provided audio levels.
$9 for this animationToken Rain Onboarding
A dark three-scene onboarding pattern where colorful generic tokens rain into a luminous capsule, organize into a grid, and burst into orbit.
$9 for this animationTilted Grid Onboarding
A full-screen onboarding pattern with four tilted photo rows that enter together, then take turns moving through the grid.
$9 for this animationSoft Bloom Signup
A gentle account-creation screen where a compact pastel orb blooms into a luminous upper arc before the headline and actions appear.
$9 for this animationSilk Aurora Welcome
A full-screen welcome pattern with a slowly breathing five-color aurora and a luminous silk fold drifting down one side.
$9 for this animationPsychedelic Splash
A full-bleed portrait splash that cuts between liquid neon, moving mirrors, clean frames, and RGB glitches.
$9 for this animationOrbit Welcome
A bright onboarding screen where avatars and dimensional objects circle a softly pulsing sparkle above a gradient-highlighted headline.
$9 for this animationMorphing Glass Surface
A single glass surface that transforms from a compact action button into a contextual menu and a focused bottom sheet.
$9 for this animationLiving Paint Welcome
A cinematic welcome that stages kinetic typography and glass controls over an oil painting that flows like wet pigment.
$9 for this animationIsometric Assemble
A procedural onboarding illustration where isometric blocks fall into architectural forms, rotate, breathe, and rebuild.
$9 for this animationInfinite Zoom Intro
A cinematic onboarding sequence that travels through nested photographic worlds before revealing nearby friends and a bold brand screen.
$9 for this animationHorizon Glow Welcome
A dark welcome screen where a blue planetary rim gradually rises into a warm, slow-moving dawn.
$9 for this animationTalking Companion Introduction
A friendly character introduces itself line by line, changes expression while speaking, and settles into a ready-to-chat screen.
$9 for this animationCinematic Welcome
A full-screen welcome experience where photographic scenes dissolve like film shots while a spacious wordmark breathes at the center.
$9 for this animationBreathing Ring
A guided breathing screen with a fluid color field, a phase-aware center glow, and a progress point that travels around a timed ring.
$9 for this animationBreathing Hills
A full-screen guided-breathing landscape where three soft hill layers rise and fall like a slow earthen tide.
$9 for this animationHolographic Foil Card
An interactive membership card whose foil, specular highlight, depth, and shadow respond continuously to touch.
$9 for this animationMarker Highlight Quote
An interactive editorial quote whose irregular pastel marker strokes draw behind selected phrases.
$9 for this animationGradient Sweep Headline
A responsive Skia headline whose words resolve from a soft blur before a narrow accent-to-white light travels inside the letterforms.
$9 for this animationDecrypt Text
A terminal-style text reveal that scrambles changing characters before resolving them into a stable phrase.
$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 animationTilted Marquee Carousel
An infinite welcome carousel that fans portrait posters across a color-shifting cinematic background.
$9 for this animationSynced Side Tabs
A virtualized section list with compact vertical tabs that track scrolling through one continuous, tactile indicator.
$9 for this animationVertical Title Cards
A portrait-card carousel that turns a vertical editorial title into a full detail header with a measured shared transition.
$9 for this animationWallpaper Carousel
A tone-matched portrait wallpaper carousel with credits that travel with the drag and a hold-to-preview lock screen.
$9 for this animationParallax Story Pager
A full-screen story pager with slower-moving photography, gesture-linked staggered headlines, pausable autoplay, and circular progress.
$9 for this animationFlip Product Carousel
A premium product carousel that turns each card from its edge like a physical page, with direct dragging, rolling prices, and a color-responsive scene.
$9 for this animationFlip Credit Card
A polished payment form with live rolling digits and a spring-driven 3D card that reveals its security-code side at exactly the right moment.
$9 for this animationTap to Activate Mode
A focused activation moment with expanding waves and a compact status summary.
$9 for this animationTake a Moment Gate
A mindful pause that makes an intentional delay feel calm and clear.
$9 for this animationStreaming AI Reply
A premium assistant response that turns a thinking shimmer into softly revealed, structured copy.
$9 for this animationLoading Morph Button
A premium async action pill that contracts into a gradient progress arc and resolves with drawn success or tactile retry feedback.
$9 for this animationBump Badge
A springy notification counter with a compact bell icon.
$9 for this animationQuantity Stepper
An Add button that expands into a compact rolling quantity control and collapses again at zero.
FreeDrawn Checkbox
A tactile 24-point checkbox with a center-out spring fill, a hand-drawn mark, and an animated label strike-through.
FreeSpring Toggle
A draggable, light-reactive switch whose thumb stretches, glows, and settles with a spring.
$9 for this animationDrag Star Rating
A five-star control that fills under a drag, lights each star, and celebrates a perfect rating.
$9 for this animationAuto Height Accordion
A measured FAQ accordion that accommodates any answer length.
$9 for this animationElastic Pull Refresh
A pull-to-refresh wrapper with a Skia Bézier sheet that stretches before releasing.
$9 for this animationPassword Strength Meter
A password field that pairs clear strength feedback with an animated requirement checklist.
$9 for this animationOrbit Chase Loader
A characterful orbital loader where a bright comet chases a blinking star around a dimensional ring.
$9 for this animationLiquid Orb Loader
A two-color fluid loader that continuously swirls, then settles into a softly drawn completion mark.
$9 for this animationMorphing Tab Bar
A bottom bar whose active capsule stretches toward each new destination and settles around its icon and label.
$9 for this animationConfetti Cannon
A touch-driven Skia celebration with a dense, physical fan of flipping paper, dots, and curled streamers.
$9 for this animationWheel Picker
A reusable horizontal wheel picker that gives uneven labels a precise center, physical momentum, and an optional 3D curve.
$9 for this animationSwipe to Delete Row
A gesture-driven list row with growing actions and a satisfying collapse.
FreeShimmer Skeleton
A synchronized diagonal sheen for loading placeholders.
$9 for this animationBlurred Backdrop Carousel
A tactile illustration carousel whose full-screen blurred backdrop follows every fraction of the drag.
FreeCopy Confirm Button
A tactile copy action that turns into a drawn check, emits a brief accent glow, and lifts a glass confirmation pill above the control.
$9 for this animationExpanding Strip Carousel
A photo carousel where one generous card and a row of narrow strips continuously trade space during a drag.
$9 for this animationCounting Bar Chart
A tactile statistics card with growing bars, an odometer-style total, and drag-to-explore monthly details.
$9 for this animationMorphing Action Button
A floating action button that becomes an editable card while the screen recedes behind it.
$9 for this animationRolling Temperature Stepper
A tall thermostat control that rolls only the digits that change and washes the card with warm or cool color as the setting moves away from neutral.
$9 for this animationOTP Code Input
A paste-friendly one-time-code field with animated slots and clear validation feedback.
$9 for this animationArc Avatar Switcher
A full-screen artwork selector whose portrait thumbnails rotate along a tactile arc and launch each new scene from the chosen image.
$9 for this animationCollapsing Glass Tab Bar
A floating navigation surface that condenses into an active-tab pill as a feed moves.
$9 for this animationWindow Seat Clouds
A flight-mode scene built around an airplane window: an endless cloud sea drifting past the glass, a sliding shade, and quiet controls for pause, ambient…
$9 for this animationRising Photo Welcome
A full-screen welcome form where each new photo rises over the last and carries its color into translucent input fields.
$9 for this animationWater Refraction Splash
A tactile welcome screen where a floating image disturbs a living pool before diving beneath the surface.
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.