Skip to content
Native Animation

Make your Expo app feel expensive.

Production-ready animations for React Native, built with Reanimated 4, Skia and Gesture Handler. Typed props, accessible by default, and copied into your project with one command.

Join the launch listBrowse animations

$149 once · every current and future animation · commercial use · checkout opens soon

npx nativeanimation add window-seat-clouds

Screens people remember

Onboarding, product pages, ambient scenes. Each one is a complete, self-contained component you can drop into a screen today.

All animations

Built like a component, not a demo

Most animation snippets are screen recordings with code attached. Every piece here is a typed, documented component that fits into a real app.

Props, not forks
Content, colors, timing and intensity are props with measured defaults. Callbacks and a ref for the moments your app cares about.
Runs on the UI thread
One shared progress value drives every layer, so gestures stay interruptible and nothing re-renders React per frame.
Accessible by default
Reduced motion gets a still version, controls carry labels, and every gesture has a tap alternative.
Self-contained
One folder, no hidden helpers. Dependencies are generated from the imports, so the install list is always right.
FlightScreen.tsx
import WindowSeatClouds from '@/components/window-seat-clouds';

export function FlightScreen() {
  return (
    <WindowSeatClouds
      skySource={require('./assets/cloud-sea.jpg')}
      driftSpeed={0.03}
      turbulence={0.6}
      accentColor="#C98B5A"
      onShadeChange={(closed) => trackShade(closed)}
    />
  );
}

One command, then it is your code

Like shadcn/ui, but for React Native motion. No runtime package to keep in sync and no lock-in.

npx nativeanimation add window-seat-clouds
  1. Step 1

    Sign in once

    The CLI opens your browser and links this machine to your account.

  2. Step 2

    Add a piece

    Files land in your components folder. Missing packages are installed with expo install.

  3. Step 3

    Make it yours

    It is your code now: tweak props, or edit the source directly.

Buy one, or get them all

Pay once. No subscription, no seats to count for solo developers.

Single animation

$9per animation

  • Full source of one animation
  • Typed props and README
  • Updates for that animation
  • Commercial use, unlimited projects
Pick an animation

All-access

Includes future releases

$149one-time payment

  • Every animation in the catalog
  • Every animation we ship next
  • One-command install with the CLI
  • Commercial use, unlimited projects
Join the launch list

Questions

Your next release could feel like this.

Pick a screen, run one command, ship it this week.

Get all-accessBrowse animations