Animations
Explore 18 pieces built for React Native and Expo. Each piece is production-ready, customizable, and copied directly into your project.
FreeShimmer Skeleton
A synchronized diagonal sheen for loading placeholders.
FreeCopy Confirm Button
A dimensional copy action that rotates into a check, flashes a success halo, and raises a polished confirmation bubble.
$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 animationDynamic Glass Pill
A dark live-activity pill that expands from glanceable status to focused controls.
$9 for this animationBlurred Backdrop Carousel
A tactile illustration carousel whose full-screen blurred backdrop follows every fraction of the drag.
$9 for this animationDecision Swipe Deck
A physics-driven decision deck with gesture-reactive stamps, accessible controls, and undo.
$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 animationHold to Confirm Button
A deliberate confirmation control with a dimensional progress surface, tactile press response, and a luminous success finish.
$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.
$9 for this animationRecord Stack Picker
A tactile vertical record picker that lifts the centered sleeve from a perspective stack and reveals a spinning vinyl disc.
$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 animationCountdown Offer Paywall
A premium one-time offer sheet with a live expiry timer.
$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 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 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.
FreeColor Variant Carousel
A gesture-driven product carousel that synchronizes product imagery, copy, and a full-screen color field.
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.