Single animation
$9per animation
- Full source of one animation
- Typed props and README
- Updates for that animation
- Commercial use, unlimited projects
Make your Expo app feel expensive.
18 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.
$149 once · every current and future animation · commercial use
npx nativeanimation add window-seat-cloudsScreens people remember
Onboarding, product pages, ambient scenes. Each one is a complete, self-contained component you can drop into a screen today.
FreeShimmer Skeleton
A synchronized diagonal sheen for loading placeholders.
FreeCopy Confirm Button
A dimensional copy action that rotates into a check, flashes a success halo, and raises a polished confirmation bubble.
$9 for this animationCollapsing Glass Tab Bar
A floating navigation surface that condenses into an active-tab pill as a feed moves.
$9 for this animationDynamic Glass Pill
A dark live-activity pill that expands from glanceable status to focused controls.
$9 for this animationBlurred Backdrop Carousel
A tactile illustration carousel whose full-screen blurred backdrop follows every fraction of the drag.
$9 for this animationDecision Swipe Deck
A physics-driven decision deck with gesture-reactive stamps, accessible controls, and undo.
$9 for this animationExpanding Strip Carousel
A photo carousel where one generous card and a row of narrow strips continuously trade space during a drag.
$9 for this animationHold to Confirm Button
A deliberate confirmation control with a dimensional progress surface, tactile press response, and a luminous success finish.
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.
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- Step 1
Sign in once
The CLI opens your browser and links this machine to your account.
- Step 2
Add a piece
Files land in your components folder. Missing packages are installed with expo install.
- 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.
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
Questions
Your next release could feel like this.
Pick a screen, run one command, ship it this week.