Beautiful React Native animations, ready to drop in.
Production-grade components, built on Reanimated & Gesture Handler. Copy the code — or paste the AI prompt and ship.
npm install react-native-foonto react-native-reanimated react-native-gesture-handler expo-linear-gradientWorks natively on
Copy the code
Each component ships a minimal, copy-paste snippet and a fully-typed props reference. No config, no wrappers — paste it and it just works.
Or paste the AI prompt
Every component includes a clear, numbered prompt. Drop it into Cursor or Claude Code and your agent wires the animation in for you.
Why foonto
Production-ready from day one — fast, typed, and built on tools you trust.
60fps on the UI thread
Every gesture and frame runs on the native UI thread via Reanimated — no JS-thread jank.
Fully typed
Written in TypeScript with explicit prop types and shared-value generics. Great autocomplete, no guesswork.
Peer deps you already use
Builds only on Reanimated, Gesture Handler & Expo Linear Gradient — nothing exotic to install.
AI-prompt ready
Each component ships a numbered prompt — paste it into Cursor or Claude Code and it wires itself in.
iOS & Android
One API, both platforms — built and verified on real native builds, not just web mocks.
Free & no lock-in
MIT licensed, open source on npm and GitHub. Copy what you need, fork it, ship it.
Production-ready animations. One install.
Open any one for a live preview, copy-paste code, and a ready-to-use AI prompt.
SwipeDeck
Tinder-style card deck with fling-to-swipe gestures.
View docsShared Transition
Shared element transitions between screens.
View docsStack Cards
Wallet-style swipe-to-cycle stack.
View docsBlob Tab Bar
Bottom nav with a sliding pill.
View docsCarousel
Center-focused snapping cards.
View docsDraggable List
Long-press to reorder rows.
View docsParallax Carousel
Full-width pages with drifting art.
View docsMasonry Grid
Staggered multi-column reveal.
View docsSkeleton
Shimmer placeholders for loading states.
View docsAnimated Checkbox
Fill-and-pop checkmark on toggle.
View docsParallax Header
Parallax, pull-to-zoom scroll header.
View docsOTP Input
Segmented code field with bounce.
View docsSearch Bar
Expands from an icon to full width.
View docsToast
Stacking, auto-dismissing notifications.
View docsFree, MIT-licensed, and on npm
foonto is fully open source. Install it from npm, read the source on GitHub, open issues, or send a pull request — no paywalls, no lock-in.
Your next animation is one paste away.
Free and open source, built on the libraries you already ship with. No runtime overhead, no lock-in — just motion that feels native.