Animations
Explore 42 pieces built for React Native and Expo. Each piece is production-ready, customizable, and copied directly into your project.
$9 for this animationBlurred Backdrop Carousel
A tactile illustration carousel whose full-screen blurred backdrop follows every fraction of the drag.
$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.
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 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 animationCounting Bar Chart
A tactile statistics card with growing bars, an odometer-style total, and drag-to-explore monthly details.
$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 animationMorphing Action Button
A floating action button that becomes an editable card while the screen recedes behind it.
$9 for this animationOTP Code Input
A paste-friendly one-time-code field with animated slots and clear validation feedback.
FreeShimmer Skeleton
A synchronized diagonal sheen for loading placeholders.
$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 animationQuantity Stepper
An Add button that expands into a compact rolling quantity control and collapses again at zero.
$9 for this animationTilted Marquee Carousel
An infinite welcome carousel that fans portrait posters across a color-shifting cinematic background.
$9 for this animationElastic Pull Refresh
A pull-to-refresh wrapper with a Skia Bézier sheet that stretches before releasing.
FreeSpring Toggle
A draggable, light-reactive switch whose thumb stretches, glows, and settles with a spring.
$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 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 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 animationDecrypt Text
A terminal-style text reveal that scrambles changing characters before resolving them into a stable phrase.
$9 for this animationAuto Height Accordion
A measured FAQ accordion that accommodates any answer length.
$9 for this animationBump Badge
A springy notification counter with a compact bell icon.
$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 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 animationSynced Side Tabs
A virtualized section list with compact vertical tabs that track scrolling through one continuous, tactile indicator.
$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 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 animationMarker Highlight Quote
An interactive editorial quote whose irregular pastel marker strokes draw behind selected phrases.
$9 for this animationHolographic Foil Card
An interactive membership card whose foil, specular highlight, depth, and shadow respond continuously to touch.
$9 for this animationTake a Moment Gate
A mindful pause that makes an intentional delay feel calm and clear.
$9 for this animationTap to Activate Mode
A focused activation moment with expanding waves and a compact status summary.
$9 for this animationPassword Strength Meter
A password field that pairs clear strength feedback with an animated requirement checklist.
$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.
FreeDrawn Checkbox
A tactile 24-point checkbox with a center-out spring fill, a hand-drawn mark, and an animated label strike-through.
$9 for this animationStreaming AI Reply
A premium assistant response that turns a thinking shimmer into softly revealed, structured copy.
$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 animationWheel Picker
A reusable horizontal wheel picker that gives uneven labels a precise center, physical momentum, and an optional 3D curve.
$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 animationSwipe to Delete Row
A gesture-driven list row with growing actions and a satisfying collapse.
$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 animationDrag Star Rating
A five-star control that fills under a drag, lights each star, and celebrates a perfect rating.
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.