React Native animation examples — Page 9
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 animationRange Scrub Performance
A performance chart with a draggable range window and following insight bubble, with configurable series, labels, colors, and fonts.
$9 for this animationPulse Heart Dashboard
A heart-rate dashboard with synchronized beats and expanding charts, with configurable heart image, health stats, colors, and fonts.
$9 for this animationCircuit Stats Stack
A traced-lap score display with rising totals and configurable track path, checkpoints, colors, and fonts.
$9 for this animationNote to Context Assistant
A note-to-contact context reveal led by an animated assistant ring, with configurable note data, contact details, colors, and fonts.
$9 for this animationInline Icon Sentence
A sentence navigator whose inline icons expand into screens, with configurable segments, destination content, palette, and font.
$9 for this animationNewton Cradle Approval
An approval flow where a swinging cradle becomes a coin and offer, with configurable offer data, coin image, colors, and fonts.
$9 for this animationRing Check-in Stats
A mood arc that becomes an activity dashboard with rising pixel columns, with configurable mood labels, step data, palette, and fonts.
$9 for this animationPhoto Pin Journey Map
A travel album with route-linked photo fans and a full-screen viewer, with configurable stops, title, palette, and fonts.
$9 for this animationSticker profile badges
A profile with an animated character sticker, achievement coins, and liftable friends, with configurable artwork, badges, palette, and fonts.
$9 for this animationLive Collaborative Note
A collaborative note with animated word selection and ink strokes, with configurable note copy, collaborators, colors, and fonts.
$9 for this animationSecurity Status Gauge
A security risk gauge with rolling totals and expandable history, with configurable devices, sessions, palette, and fonts.
$9 for this animationHanging Banners Welcome
A pet welcome screen with swinging ribbons that open into details, with configurable pets, copy, background color, and fonts.
$9 for this animationRide Rewards Welcome
Illustration-to-dashboard onboarding with a coin-to-balance transition and configurable artwork, palette, typography, and copy.
$9 for this animationWeek Ring Schedule
A course schedule with daily progress rings and completion-to-unlock feedback, with configurable week data, lessons, labels, and fonts.
$9 for this animationPopout Hero Card
A layered hero card that tilts beyond its frame and becomes a stats card, with configurable artwork, stats, palette, and fonts.
$9 for this animationSliced World Clock
A world clock with cropped numeral bands and a rotating city wheel, with configurable cities, labels, colors, and fonts.
$9 for this animationVoice to Chat Morph
A dictation-to-chat transition that turns an orb into a reply avatar, with configurable transcript, replies, colors, and fonts.
$9 for this animationArc scrub player
An arc scrubber with a responsive audio aura and configurable track copy, labels, colors, and fonts.
$9 for this animationBubble Interest Picker
An interest picker whose selected bubbles grow and displace neighbors, with configurable topics, colors, fonts, and growth.
$9 for this animationZigzag Reasons Scroll
A photo story with rolling reason numbers, drawn zigzags, and counting stats, with configurable sections, colors, fonts, and parallax strength.
$9 for this animationThread Stack Timeline
A conversation timeline with a swipeable summary stack and composer, with configurable threads, contact details, colors, and fonts.
$9 for this animationToday Agenda Morph
A daily planner that morphs its date and tasks into a calendar, with configurable tasks, day data, palette, and fonts.
$9 for this animationCompass Arc Gauge
A wind compass with an inertial heading ruler and configurable speed data, copy, colors, and fonts.
$9 for this animationEV Charge Dashboard
A vehicle dashboard with a collapsing photo hero and animated controls, with configurable images, metrics, 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.