React Native animation examples — Page 11
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 animationBundle Builder Box
A three-bottle bundle builder with product flights into a box and configurable bottle data, labels, accent color, and fonts.
$9 for this animationLanguage Picker Morph
A language picker with a character-by-character text preview and configurable languages, title, search placeholder, and fonts.
$9 for this animationKanban Drag Cards
A drag-to-reorder task board with live insertion gaps and configurable columns, fonts, column width ratio, and lift tilt.
$9 for this animationReceipt Split Bill
A bill splitter with drag-to-assign dishes and rolling shares, with configurable diners, dishes, labels, and fonts.
$9 for this animationWaveform Voice Message
A simulated voice-note player with scrubbing and speed controls, with configurable duration, gradient colors, fonts, and avatar initials.
$9 for this animationLiquid Value Slider
A value slider with a motion-responsive liquid surface and rolling readout, with configurable bounds, liquid colors, and fonts.
$9 for this animationLoyalty Stamp Card
A loyalty card with physical stamping and a reward-reveal flip, with configurable reward copy, labels, paper color, and fonts.
$9 for this animationGift Wrap Toggle
A gift-wrap toggle with folding paper and a tied ribbon, with configurable product image, product copy, fonts, and accent color.
$9 for this animationReward Reel Spin
A three-reel reward reveal with a pull lever and printed coupon, with configurable rewards, labels, accent color, and fonts.
$9 for this animationSize Fit Finder
A shoe-fit ruler with rolling US sizes and an animated fit preview, with configurable shoe image, size mapping, accent color, and fonts.
$9 for this animationSpotlight Product Stage
A product reveal with an orbiting spotlight and touch parallax, with configurable product image, copy, accent color, and fonts.
$9 for this animationDepth Headline Carousel
A destination carousel with layered photos and masked headlines, with configurable destinations, fonts, accent color, and depth intensity.
$9 for this animationAddress Autocomplete
An address picker with an animated suggestion-to-form transition and configurable suggestions, copy, fonts, and accent color.
$9 for this animationPoster Parallax Hero
A layered poster hero with touch parallax and a scroll fade, with configurable background image, subject image, headline, and fonts.
$9 for this animationSticky Device Scroll
A scroll-driven device story that changes app screens in place, with configurable chapters, task data, accent color, and fonts.
$9 for this animationStreak Flame Counter
A streak counter with an animated flame and weekly habit strip, with configurable streak, day labels, accent color, and fonts.
$9 for this animationPeek Context Menu
A held-photo preview with drag-through menu actions, with configurable images, title, background color, and fonts.
$9 for this animationFluid Week Strip
A habit calendar with stretching day selection and a staggered agenda, with configurable days, month label, accent colors, and fonts.
$9 for this animationCard Detail Expand
An expandable booking carousel with a shared image transition and configurable items, typefaces, surface color, and text color.
$9 for this animationCommand Palette
A searchable action palette with sliding selection and configurable commands, placeholder, fonts, and accent color.
$9 for this animationFree Shipping Unlock
A shopping bag with an animated shipping-reward reveal, with configurable products, shipping threshold, accent color, and fonts.
$9 for this animationBrand Chapters Parallax
A chapter story with layered photo parallax and rolling years, with configurable chapter content, fonts, and brand slot.
$9 for this animationStory Progress Viewer
A photo story viewer with cube transitions and drag dismissal, with configurable user stories, perspective, ring colors, and fonts.
$9 for this animationLiquid Tab Indicator
A floating tab bar with a stretching liquid indicator, with configurable tabs, indicator color, bar width ratio, 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.