React Native animation examples — Page 16
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 animationOrbit Welcome
A welcome screen with orbiting artwork and a pulsing center, with configurable orbit items, copy, background colors, and font.
$9 for this animationMorphing Glass Surface
A glass surface that morphs from button to menu to sheet, with configurable actions, sheet copy, glass treatment, and font.
$9 for this animationIsometric Assemble
An onboarding illustration with falling and rebuilding isometric blocks, with configurable shapes, copy, colors, and fonts.
$9 for this animationHorizon Glow Welcome
A welcome screen with a rising planetary dawn and configurable copy, rim colors, fonts, and logo slot.
$9 for this animationTalking Companion Introduction
A character introduction with typed dialogue and changing expressions, with configurable script, face color, background colors, and fonts.
$9 for this animationCinematic Welcome
A welcome screen with dissolving photo scenes and a breathing wordmark, with configurable images, copy, fonts, and gradient colors.
$9 for this animationBreathing Ring
A guided-breathing ring with a traveling progress point and configurable palette, phase timing, labels, and font.
$9 for this animationBreathing Hills
A guided-breathing landscape with rising hill layers and configurable palette, phase timing, labels, and font.
$9 for this animationMarker Highlight Quote
An interactive quote with drawn marker highlights and configurable text, attribution, text color, and quote font.
$9 for this animationGradient Sweep Headline
A headline reveal with blur resolution and light inside the letters, with configurable text, font asset, accent color, and text color.
$9 for this animationDecrypt Text
A scrambling text reveal that resolves into a phrase, with configurable text, font, character set, and scramble color.
$9 for this animationSynced Side Tabs
A section list with scroll-synced vertical tabs and a moving indicator, with configurable sections, row content, accent color, and font.
$9 for this animationVertical Title Cards
A portrait carousel whose vertical titles become detail headers, with configurable cards, accent color, and fonts.
$9 for this animationWallpaper Carousel
A wallpaper carousel with drag-linked credits and a held lock-screen preview, with configurable wallpapers, background color, and fonts.
$9 for this animationParallax Story Pager
A story pager with photo parallax and staggered headlines, with configurable pages, autoplay duration, accent color, and fonts.
$9 for this animationFlip Product Carousel
A product carousel with edge-first card flips and rolling prices, with configurable products, navigation labels, and fonts.
$9 for this animationFlip Credit Card
A payment form with rolling card digits and a 3D security-code flip, with configurable initial values, copy, card colors, and fonts.
$9 for this animationTap to Activate Mode
A mode activation control with expanding waves and a status summary, with configurable rows, copy, accent color, and font.
$9 for this animationTake a Moment Gate
A timed pause gate with countdown feedback and configurable delay, copy, accent color, and font.
$9 for this animationStreaming AI Reply
An assistant reply that reveals structured text after a thinking shimmer, with configurable response text, accent color, text color, and fonts.
$9 for this animationLoading Morph Button
An async action button that morphs into progress, success, or retry feedback, with configurable label, width, fill color, and font.
FreeBump Badge
A notification counter with a spring-driven bump and configurable count, badge color, size, and font.
FreeQuantity Stepper
An add button that expands into a rolling quantity stepper, with configurable label, width, accent color, and font.
FreeDrawn Checkbox
A checkbox with a drawn mark and animated label strike-through, with configurable label, font, fill color, and size.
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.