Animations
Explore 18 pieces built for React Native and Expo. Each piece is production-ready, customizable, and copied directly into your project.
- Free
Shimmer Skeleton
A synchronized diagonal sheen for loading placeholders.
- Free
Copy Confirm Button
A dimensional copy action that rotates into a check, flashes a success halo, and raises a polished confirmation bubble.
- $9 for this animation
Collapsing Glass Tab Bar
A floating navigation surface that condenses into an active-tab pill as a feed moves.
- $9 for this animation
Dynamic Glass Pill
A dark live-activity pill that expands from glanceable status to focused controls.
- $9 for this animation
Blurred Backdrop Carousel
A tactile illustration carousel whose full-screen blurred backdrop follows every fraction of the drag.
- $9 for this animation
Decision Swipe Deck
A physics-driven decision deck with gesture-reactive stamps, accessible controls, and undo.
- $9 for this animation
Expanding Strip Carousel
A photo carousel where one generous card and a row of narrow strips continuously trade space during a drag.
- $9 for this animation
Hold to Confirm Button
A deliberate confirmation control with a dimensional progress surface, tactile press response, and a luminous success finish.
- $9 for this animation
Morphing Action Button
A floating action button that becomes an editable card while the screen recedes behind it.
- $9 for this animation
OTP Code Input
A paste-friendly one-time-code field with animated slots and clear validation feedback.
- $9 for this animation
Record 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 animation
Rolling 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 animation
Countdown Offer Paywall
A premium one-time offer sheet with a live expiry timer.
- $9 for this animation
Counting Bar Chart
A tactile statistics card with growing bars, an odometer-style total, and drag-to-explore monthly details.
- $9 for this animation
Arc 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 animation
Window 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 animation
Rising Photo Welcome
A full-screen welcome form where each new photo rises over the last and carries its color into translucent input fields.
- Free
Color 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.