React Native animation examples — Page 15
Source-owned motion for React Native and Expo. Explore 410 published animations: 361 paid and 49 free.
Previews use fictional demo content and brands. Each piece lists its actual props for adapting colors, fonts, images, and text where supported.
Choose No Skia or Reanimated only in the Dependencies filter. Reanimated only allows Worklets, excludes Gesture Handler and Expo modules, and does not imply compatibility with other SDKs. See compatibility and our quality checks.
Loading animations…
Popular patterns
410 animations
$9 for this animationSlide to Pay
A payment slider that springs back or morphs into success, with configurable label, amount, track color, and label font asset.
$9 for this animationFlip-Card Launch Countdown
A product-drop countdown with calendar-style digit flips and configurable product image, copy, accent color, and fonts.
$9 for this animationWeather Hero
A weather screen with rolling temperatures and an animated sky, with configurable forecast data, city, accent color, and fonts.
FreeToast Stack
A notification stack with depth, arrival glows, and swipe dismissal, with configurable status colors, duration, visible count, and fonts.
$9 for this animationThermostat Dial
A thermostat wheel with reactive ticks and a rolling temperature, with configurable initial temperature, gradient colors, and fonts.
$9 for this animationSticker Burst Onboarding
An onboarding pager with falling, bouncing stickers and configurable pages, action labels, accent color, and fonts.
$9 for this animationSmart Widget Stack
A swipeable glass widget stack with configurable weather data, calendar events, activity rings, and fonts.
FreeSliding Segmented Control
A segmented control with a spring-driven highlight and light sweep, with configurable segments, indicator color, height, and font.
$9 for this animationSkeleton to content
A reading feed with skeleton-to-image and text reveals, with configurable articles, heading, skeleton color, and fonts.
$9 for this animationPrinting Receipt
A thermal receipt reveal with line-by-line printing and a cut animation, with configurable receipt items, copy, paper color, and fonts.
$9 for this animationPermission primer
A notification primer with ringing-bell previews and reminder selection, with configurable messages, copy, gradient colors, and fonts.
$9 for this animationOdometer Price Ticker
An asset price display with independent rolling digits and currency changes, with configurable rates, asset copy, background color, and fonts.
$9 for this animationMeasure Ruler Picker
A height picker with an inertial ruler and rolling unit-aware value, with configurable bounds, accent color, and fonts.
$9 for this animationMascot Paywall
A subscription paywall with a mascot reacting to plan choices, with configurable mascot image, plans, accent color, and fonts.
$9 for this animationGooey Merge Slider
A sound mixer with liquid slider droplets and configurable channels, fonts, track color, and row spacing.
$9 for this animationGooey Dots Loader
A merging-dot loader that completes steps and becomes an action, with configurable step labels, colors, action text, and font.
$9 for this animationGlass Bubble Welcome
A welcome bubble that becomes a marble fountain button, with configurable copy, actions, bubble palette, and fonts.
FreeFloating Label Input
A text field with a spring-driven label and animated validation, with configurable label, helper text, accent color, and input font.
FreeBurst Like Button
A like button with a particle burst and hold-to-charge effect, with configurable heart color, particle colors, size, and font.
$9 for this animationAI Prompt Bar
An expanding AI composer with a rotating border and configurable suggestions, attachments, font, and accent color.
$9 for this animationWater Refraction Splash
A welcome scene with image-driven pool ripples and a diving transition, with configurable image, copy, accent color, and title font asset.
$9 for this animationToken Rain Onboarding
An onboarding sequence with raining tokens that form a grid and burst into orbit, with configurable headlines, action labels, palette, and fonts.
$9 for this animationTilted Grid Onboarding
An onboarding grid with staggered photo rows and looping turns, with configurable images, copy, accent color, and fonts.
$9 for this animationSoft Bloom Signup
A signup screen where an orb blooms into a luminous arc, with configurable copy, actions, orb colors, and fonts.
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.