Animations
Explore 18 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.
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 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 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 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.
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 animationMorphing Tab Bar
A bottom bar whose active capsule stretches toward each new destination and settles around its icon and label.
$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 animationOrbit Chase Loader
A characterful orbital loader where a bright comet chases a blinking star around a dimensional ring.
$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.
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.