React Native animation examples — Page 8
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 animationResumable Transfer Queue
A transfer queue with pause, resume, retry, and cancel feedback, with configurable transfers, labels, palette, and fonts.
$9 for this animationRevision Diff Text
A text diff with animated accept-or-keep decisions and configurable revision segments, labels, palette, and fonts.
$9 for this animationCandlestick Volume Chart
An OHLC chart with pinch zoom and a candle lens, with configurable candles, labels, palette, and fonts.
$9 for this animationRadar Profile Morph
A radar chart with morphing profile vertices and an inspection bubble, with configurable axes, profiles, palette, and fonts.
$9 for this animationAlphabet Index Scrubber
An alphabet rail with a letter magnifier and configurable sections, labels, palette, and fonts.
$9 for this animationProgress Handoff Bar
A progress bar that hands off from indeterminate to measured progress, with configurable label, status copy, palette, and fonts.
$9 for this animationIntensity Tick Picker
A workout picker with a segmented intensity dial and configurable workouts, level labels, palette, and fonts.
$9 for this animationScrub Magnify Dock
An action dock that magnifies drag previews and executes on release, with configurable actions, labels, palette, and fonts.
$9 for this animationChallenge Pot Card
A fitness challenge pot with arriving avatars and a balance-to-entry flight, with configurable challenges, colors, labels, and fonts.
$9 for this animationSet Tracker Session
A workout set tracker with an animated exercise queue and trophy reveal, with configurable exercises, trophy image, palette, and fonts.
$9 for this animationFixture Ticket Stack
A match-ticket stack that unfolds into predictions, with configurable fixtures, labels, palette, and fonts.
$9 for this animationPrism States
Animated operation scenes and action icons with configurable appearance theme, size, and transition duration.
$9 for this animationOrigin Ripple Button
An action button with a touch-origin ripple and configurable label, palette, font, and leading content.
$9 for this animationTouch Magnetic Button
A magnetic button with drag-responsive material and a gathering release light, with configurable label, material variant, palette, and fonts.
$9 for this animationMeal Scan Nutrition
An animated nutrition scan with ingredient labels and a results panel, using your photo, labels, fonts, and theme.
$9 for this animationMarquee Goal Pills
A selectable goal marquee that gathers chosen pills into a summary, with configurable goals, copy, accent color, and fonts.
$9 for this animationSquircle Ring Steps
An activity dashboard with interactive concentric squircle rings, with configurable metrics, total, palette, and fonts.
$9 for this animationLive Run Tracker
A running tracker with a growing route and expanding session summary, with configurable route, metrics, colors, and fonts.
$9 for this animationConstruction Lines Hero
A product hero that draws construction lines before revealing artwork, with configurable image, copy, colors, and fonts.
$9 for this animationPrism Numeral Insight
A sleep check-in with a refracting numeral and word-by-word insight, with configurable hours, insight text, palette, and fonts.
$9 for this animationLottie Upload State
An upload-state animation with continuous progress and success or error reveals, with configurable labels, size, font, and accent preset.
$9 for this animationEditorial Stat Cards
An editorial card sequence with animated reveals and configurable card content, colors, and fonts.
$9 for this animationLive Score Match Card
A live match stack with rolling scores and goal celebrations, with configurable matches, copy, colors, and fonts.
$9 for this animationEdge Glow Dictation
A dictation interface with a breathing light edge and word feedback, with configurable commands, transcript, colors, and font.
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.