React Native animation examples — Page 4
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
FreeBase Header
A navigation header with configurable titles, back action, action slots, alignment, safe-area inset, theme, and scroll-driven title handoff.
FreeBase Highlight Text
A left-to-right highlight sweep behind each wrapped text line, with configurable text, highlight color, duration, delay, trigger, typography, and theme.
FreeBase Empty State
A staggered empty state with configurable icon, title, description, actions, border, and theme.
FreeBase Dialog
A centered dialog with a spring-driven flip and configurable copy, content, footer, and theme.
FreeBase Card
A composable card with optional press feedback and configurable content and theme.
FreeBase Checkbox
A checkbox with an animated check stroke that takes its colors and radius from a configurable theme.
FreeBase Avatar
An avatar and overlapping group with press feedback and configurable images, initials, size, and theme.
FreeBase Accordion
Measured disclosure rows that open smoothly without guessing their content height.
FreeBase Alert
An inline alert with an animated entrance and collapsing dismissal, configurable tone, icon, title, description, action, and theme.
$9 for this animationBook Vortex Welcome
A book-cover vortex that settles into a library dashboard, with configurable books, labels, colors, and fonts.
$9 for this animationArc Book Shelf
A circular book shelf with cover-to-player transitions and configurable book data, colors, and fonts.
$9 for this animationAudiobook Stack List
An audiobook stack that folds into a chapter reader, with configurable books, labels, colors, and fonts.
$9 for this animationSplit Sheet Library
A reading home that unfolds into a sheet-based library with shared cards, with configurable shelves, library data, colors, and fonts.
$9 for this animationEditorial Onboarding Pager
A reading onboarding pager with drawn text and drifting book covers, with configurable pages, artwork, colors, and fonts.
$9 for this animationStorybook Welcome
A reading welcome screen with a flowing sky and spring-driven book fan, with configurable illustration, books, colors, and fonts.
$9 for this animationFloating Book Hero
A floating book hero that unfolds into a library grid, with configurable books, labels, colors, and fonts.
$9 for this animationElemental Capsule Carousel
A circular selector with animated elemental materials and configurable elements, colors, labels, and fonts.
$9 for this animationBook Discover Detail
A book discovery flow with cover-to-detail transitions and configurable books, labels, colors, and fonts.
$9 for this animationVertical Range Window
A vertical range control with independent handles and a draggable interval band, with configurable bounds, palette, and fonts.
$9 for this animationDocument Corner Capture
A document review tool with draggable corners and an image loupe, with configurable image, labels, palette, and fonts.
$9 for this animationPhone Country Input
A phone field with a searchable country picker and cursor-aware formatting, with configurable countries, labels, palette, and fonts.
$9 for this animationCollapsible Profile Tabs
Profile tabs with a collapsing header and remembered scroll positions, with configurable tabs, header content, palette, and fonts.
$9 for this animationDate Time Interval Picker
A start-and-end interval picker with time wheels and validation, with configurable time zone, minute step, palette, and fonts.
$9 for this animationStreaming Skeleton Shell
A streaming app shell with shared loading shimmer and card-to-hero transitions, with configurable titles, labels, 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.