React Native animation examples — Page 7
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 animationTreemap Drilldown
A proportional treemap with spatially continuous drilldown and configurable hierarchy, labels, palette, and fonts.
$9 for this animationFocal Crop Frame
A photo crop editor with animated ratio changes, pan, pinch, and rotation, with configurable image, ratio options, palette, and fonts.
$9 for this animationQR Target Lock
A QR target-lock reveal with tracked corners and a result card, with configurable preview content, labels, palette, and fonts.
$9 for this animationSwipe Reply Anchor
A swipe-to-reply message list with a quote-to-composer transition, with configurable messages, composer content, palette, and fonts.
$9 for this animationRead Along Highlight
A read-along text marker with line-aware highlight transfers, with configurable timed tokens, labels, palette, and fonts.
$9 for this animationSankey Flow Focus
A flow diagram with proportional ribbons and node or link focus, with configurable nodes, links, palette, and fonts.
$9 for this animationConnection Flow Beams
A dependency graph with light beams following job states, with configurable nodes, connections, palette, and fonts.
$9 for this animationTouch Help Tooltip
A contextual tooltip that follows controls and moves between anchors, with configurable help content, labels, palette, and font.
$9 for this animationState Icon Morph Button
A transport button with reversible play, pause, and stop morphs, with configurable labels, button size, icon size, and palette.
$9 for this animationSignature Capture Replay
A signature pad with paced ink replay and a folding paper preview, with configurable strokes, stroke width, palette, and fonts.
$9 for this animationAnimated Content Tree
An expandable content tree with growing connectors and configurable nodes, labels, palette, and fonts.
$9 for this animationConditional Field Morph
A form that animates conditional fields while preserving entered values, with configurable options, fields, palette, and fonts.
$9 for this animationSortable Tile Grid
A reorderable tile grid with predictive slots and moving neighbors, with configurable items, column count, palette, and fonts.
$9 for this animationGrid List Layout Morph
A media layout that morphs between grid and list while keeping its scroll anchor, with configurable items, labels, palette, and fonts.
$9 for this animationWaveform Range Trimmer
An audio interval selector with two handles and a time loupe, with configurable waveform samples, labels, palette, and fonts.
$9 for this animationLiquid Radio Group
A radio group with a liquid selection dot and expanding descriptions, with configurable options, labels, palette, and fonts.
$9 for this animationNested Sheet Flow
A bottom sheet with an internal page stack and remembered scroll positions, with configurable pages, labels, palette, and fonts.
$9 for this animationWaterfall Balance Bridge
A waterfall chart with connected balance contributions and animated inspection, with configurable changes, labels, palette, and fonts.
$9 for this animationTouch Shine Button
A button with touch-linked highlights and a sweeping reflection, with configurable label, material colors, palette, and fonts.
$9 for this animationAnchored Action Popover
An anchored action popover with adaptive placement and configurable actions, copy, palette, and fonts.
$9 for this animationReversible Alert Dialog
An async confirmation dialog with recovery and a returning success check, with configurable copy, action labels, palette, and fonts.
$9 for this animationWindowed Dots Pager
A pagination rail with moving dot windows and expanding capsules, with configurable page count, visible count, palette, and fonts.
$9 for this animationSelection Action Toolbar
A text selection surface with draggable handles and a floating toolbar, with configurable tokens, actions, palette, and fonts.
$9 for this animationCircular Text Scrubber
A draggable circular text ribbon with a stationary center and configurable copy, radius, palette, 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.