React Native animation examples — Page 3
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 Separator
A static horizontal or vertical separator with configurable inset, optional horizontal label, semantics, and theme.
FreeBase Plans Block
A plan-selection screen with configurable monthly and annual prices, plan content and icons, features, FAQ, selection callbacks, copy, loading, errors…
FreeBase Input
A text field with a fading focus ring, animated password reveal and clear controls, auto-growing multiline text, and configurable labels, icons, validation…
FreeBase List Row
A composable list row with press feedback and configurable copy, leading content, trailing content, and theme.
FreeBase Button
A button with spring-driven press feedback and configurable content, size, variant, and theme.
FreeBase Animated Icon
Animated stroke icons that ring, draw, and turn, with configurable icon, size, color, and stroke width.
FreeBase Badge
A status badge with a sliding count and configurable content, leading icon, count, and theme.
- Native Animation BaseNative Animation Base ThemeA little better, every day.Native Animation Base Theme
Free forever. MIT.FreeNative Animation Base Theme
The shared theme of Native Animation Base: a neutral palette in light and dark, six named accents, radii, shadows and the motion tokens (springs, curves and…
FreeBase Typing Text
Character-by-character text with configurable phrases, typing speed, delay, looping, cursor, completion callback, typography, and theme.
FreeBase Toggle Group
Spring-driven toggles, sliding single selection, and checkmark filter chips with configurable items, selection, sizes, variants, and theme.
FreeBase Tabs
Tabs with a spring-driven highlight and shifting content, with configurable labels, panels, and theme.
FreeBase Toast
A notification stack with swipe dismissal and configurable position, duration, visible count, and theme.
FreeBase Tab Bar
A bottom tab bar that expands the active destination, with configurable items, bottom inset, and theme.
FreeBase Skeleton
Synchronized loading placeholders with configurable width, height, corner radius, and theme.
FreeBase Sliding Number
A rolling number display with independent digit springs and configurable value, formatting, font, and color.
FreeBase Sign In Block
A sign-in screen with a verification step and configurable credential validation, provider buttons, copy, callbacks, loading, errors, insets, and theme.
FreeBase Sheet
A bottom sheet with a 400 ms timing entry and drag dismissal, with configurable copy, content, footer, and theme.
FreeBase Select
A select field with an anchored option list and configurable options, placeholder, label, and theme.
FreeBase Popover
Anchored popovers and long-press tooltips with configurable content, trigger, placement, alignment, width, open state, labels, delay, and theme.
FreeBase Progress
A determinate or indeterminate progress bar with animated updates and configurable value, height, and theme.
FreeBase Onboarding Block
A three-step onboarding screen with configurable goals, interests, daily preferences, copy, answers, step control, callbacks, insets, and theme.
FreeBase List Detail Block
A searchable list and detail screen with configurable records, category filters, avatar and badge data, create/edit forms, delete and undo callbacks, copy…
FreeBase Menu
An anchored action menu with configurable items, trigger, alignment, and theme.
FreeBase Input OTP
A passcode field with a sliding focus ring and configurable code length, digit groups, and theme.
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.