React Native animation examples
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 animationPsychedelic Splash
A photo splash with liquid, mirror, and glitch transitions, with configurable image, effect sequence, neon colors, and font.
$9 for this animationHolographic Foil Card
A membership card with touch-responsive foil and depth, with configurable member details, card color, fonts, and tilt limit.
$9 for this animationVoice Orb
A breathing, audio-reactive orb with configurable palette, diameter, and microphone, simulated, or external audio-level source.
$9 for this animationE-bike Ride Dashboard
An e-bike welcome-to-dashboard transition with live ride controls and configurable bike image, stats, colors, and fonts.
$9 for this animationVinyl Dial Carousel
A music carousel with a rotating semicircular dial and configurable mixes, labels, colors, and font.
$9 for this animationMascot Studio Landing
A studio landing page with a tilting mascot and expanding capability card, with configurable artwork, copy, colors, and fonts.
$9 for this animationStacked Category Cards
A category stack whose tabs unfold into detail cards, with configurable categories, title, colors, and fonts.
$9 for this animationCourse Glass Carousel
A glass course carousel with a swipe-synced photo backdrop and configurable course data, fonts, tint, and background color.
$9 for this animationDotted Globe Routes
A dotted route globe with animated flight paths and configurable destinations, title, gradient colors, and fonts.
$9 for this animationLiving Paint Welcome
A welcome screen with flowing paint and kinetic type, with configurable painting image, copy, fonts, and accent color.
$9 for this animationPolaroid Develop
An instant-film reveal with a draggable print and developing mask, with configurable photo, caption, frame color, and caption font.
$9 for this animationExploded Product Scroll
A scroll-driven bottle breakdown with separating layers and a cross-section, with configurable chapters, annotations, and fonts.
$9 for this animationChrome Orb Assistant
An assistant onboarding and voice flow with a shared hero transition and configurable artwork, history, copy, and colors.
$9 for this animationRevenue Bar Scrubber
An interactive revenue chart with draggable daily values and configurable chart colors, labels, periods, and money formatting.
$9 for this animationTarot Card Draw
A tarot card fan with lift, flight, and flip reveals, with configurable card faces, card back, palette, and fonts.
$9 for this animationChrome Object Onboarding
A page-turn onboarding flow with floating metallic objects and configurable pages, colors, fonts, and navigation labels.
$9 for this animationInk Bloom Chapters Scroll
A scroll story that reveals photos through ink blooms, with configurable chapter content, paper color, ink color, and fonts.
$9 for this animationWallet Card Stack
A wallet stack whose cards expand into balance and transaction details, with configurable cards, transactions, accent color, and fonts.
$9 for this animationSilk Aurora Welcome
A welcome screen with a breathing aurora and drifting silk fold, with configurable palette, copy, fonts, and logo slot.
$9 for this animationRecovery Readiness Chart
A recovery dashboard with a scrubbable readiness curve and configurable series, metrics, chart colors, and title font.
$9 for this animationTilted Marquee Carousel
An infinite welcome carousel with fanned photo posters and configurable images, copy, tilt angle, and fonts.
$9 for this animationWindow Seat Clouds
An airplane-window scene with drifting clouds and a sliding shade, with configurable sky image, metric labels, accent color, and fonts.
$9 for this animationSun Moon Toggle
An appearance screen with a circular day-to-night reveal, with configurable preview image, settings, background colors, and fonts.
$9 for this animationParticle Wordmark
A particle splash that gathers into a wordmark, with configurable wordmark text, tagline, gradient colors, and wordmark font asset.
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.