Back to portfolio
⚡ OPEN SOURCE

Building in the open.

I build and maintain open-source tools for the React Native community. Everything here is MIT licensed, free to use, and shipped to npm — designed to save developers hours of boilerplate while staying lightweight and dependency-honest.

react-native-foonto

MIT · Open Source Library

Beautiful React Native animations, ready to drop in.

A growing library of production-grade animated components for React Native, built on Reanimated and Gesture Handler. Copy-paste with zero config, no runtime overhead, and no vendor lock-in. Each component ships with an AI prompt so coding agents can wire it up for you.

install
$ npm install react-native-foonto
Live Docs View on GitHub

Ready-Made Components

Production-ready, copy-paste, zero config.

Reanimated + Gesture

60fps native-driven, iOS & Android.

AI-Ready Prompts

Drop a prompt, let the agent wire it up.

Components in react-native-foonto

SwipeDeck

Tinder-style swipeable card stack with gesture-driven physics.

Carousel

Smooth, performant horizontal carousel with snapping.

Parallax

Depth-based parallax scrolling and header effects.

Toast

Animated, non-blocking toast notifications.

More components are added regularly — see the full catalog at foonto.com.

About the library

What is react-native-foonto?

It's an open-source React Native animation library that provides ready-to-use, production-grade animated components — so you don't have to build complex Reanimated and Gesture Handler interactions from scratch.

How do I install it?

Run npm install react-native-foonto along with its peer dependencies (react-native-reanimated, react-native-gesture-handler, expo-linear-gradient), then copy the component you need.

Is it free?

Yes — react-native-foonto is fully open source under the MIT license, free for personal and commercial use.