React Native animation examples — Page 14
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 animationFile Drop Zone
A file upload surface that morphs file chips into progress rows, with configurable files, copy, accent color, and fonts.
$9 for this animationDelivery Tracker Steps
A delivery timeline with a moving courier and rolling ETA, with configurable step labels, initial ETA, accent color, and fonts.
$9 for this animationAdd to Cart Fly
An add-to-cart flight with image trails and a rolling count, with configurable product image, copy, fonts, and accent color.
$9 for this animationAchievement Unlock
An achievement reveal with a tilting badge and configurable copy, fonts, accent color, and background.
$9 for this animationCalendar Week to Month
A week-to-month calendar with a moving date highlight and configurable events, accent colors, fonts, and empty-state label.
$9 for this animationNotification Stack Expand
A notification stack that unfolds grouped updates, with configurable groups, background image, fonts, and blur intensity.
$9 for this animationMini Player Expand
A music player that expands from a compact glass bar, with configurable artwork, track copy, dominant color, and fonts.
$9 for this animationColor Wheel Picker
An HSV color picker with a live preview and save flight, with configurable initial color, saved swatches, copy, and fonts.
$9 for this animationScroll Word Reveal
A story that illuminates words along a scroll-linked reading line, with configurable paragraphs, image, gradient colors, and fonts.
$9 for this animationPasscode Keypad
A six-digit lock screen with tactile entry and an account reveal, with configurable passcode, gradient colors, brand glyph path, and fonts.
$9 for this animationRadial FAB Menu
A floating action menu that opens along an arc and collapses into its button, with configurable label fonts and accent color.
$9 for this animationFloating Hearts Stream
A live reaction stream with press-and-hold input and a rolling total, with configurable count, emission rate, reaction colors, and font.
$9 for this animationBefore After Compare
A draggable photo comparison with a clipped reveal and configurable image, labels, fonts, and accent color.
$9 for this animationCheckout Stepper
A four-step checkout with animated progress and configurable cart items, shipping options, gradient colors, and fonts.
$9 for this animationExpanding Search
A library search control that expands into an input and highlights results, with configurable books, results, accent color, and fonts.
$9 for this animationLive Activity Pill
A flight status pill that springs into a boarding card, with configurable flight labels, compact width, gradient colors, and fonts.
$9 for this animationScroll Story Product
A scroll-driven product story with changing poses and callouts, with configurable product image, chapters, fonts, and text color.
$9 for this animationFlashlight Reveal
A flashlight search that reveals a reward card, with configurable scene image, offer copy, accent color, and fonts.
$9 for this animationLift Reorder List
A reorderable list with lifted rows and animated insertion space, with configurable items, row height, lifted color, and fonts.
$9 for this animationCollapsing Large Title
A guide header that folds a photo hero and title into a toolbar, with configurable image, copy, fonts, and background color.
$9 for this animationSnap Sheet Backdrop
A map-linked bottom sheet with three snap points and a receding backdrop, with configurable locations, photos, accent colors, and fonts.
$9 for this animationLiquid Upload Progress
A three-file upload queue with liquid fills and completion morphs, with configurable files, initial progress, gradient colors, and fonts.
$9 for this animationMagnify Reaction Picker
A long-press reaction picker with a magnifying dock and configurable messages, reaction count, background color, and fonts.
$9 for this animationTyping to Message
A support chat where typing indicators morph into replies, with configurable reply copy, instruction steps, gradient 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.