55 drops of production-ready React Native motion, ready to snatch.
Copy the code, keep the magic, ship faster than ever.
Motionary is a curated source of production-ready React Native animations and interactions, hand-crafted with Reanimated, Skia, Gesture Handler and Expo. Drop polished motion and gesture-driven micro-interactions straight into your mobile app — no wiring or guesswork. A full marketplace, where other creators can sell their own animations and interactions, is coming soon.
Every new drop in your inbox before it hits the feed, plus subscriber-only codes. No spam, just motion.
Make things this shiny? We're hand-picking the first flock of creators for the marketplace.
Join the flock
A hold-to-confirm button whose progress bar is the light itself: a Skia shader sweeps the pill over a 2 second hold, and lifting early rewinds it. Every colour, radius and timing was fitted frame by frame against a reference recording, so the sweep and the flood at the end are measured, not guessed. Drop it on any destructive confirm: leaving a session, deleting an account.
A bank card that ices over when you tap Freeze, with a Skia runtime shader growing a dendritic frost front from the four corners. It refracts the artwork through crystal facets and creeps an ice lattice onto the background behind it. Tap a card to lift it out of the wallet list onto a dimmed scrim, then toggle freeze from the focus bar. Built for fintech card-lock screens.
A slider-based model picker for chat composers: the gauge icon morphs into a full-width slider that floats above the keyboard behind a progressive blur. Press the track to jump to the nearest stop, drag the knob freely, and release to snap; the gauge arc and needle follow the drag continuously. Drop it into any AI composer that needs an inline effort selector.
An attachment bottom sheet, pixel-matched to Telegram: the paperclip button morphs into a liquid-glass sheet you drag between detents or flick away. Ships eight cross-faded panes (photo grid, text, file, location, poll, checklist, audio, contact) behind a scrolling native UISegmentedControl. Drop it into any RN/Expo chat screen that needs a real attachment picker.
A full-screen rain overlay where thousands of depth-sorted drops fall past your UI and splash on the cards they hit, styled after the Apple Weather app. Drop the RainOverlay over any screen, feed it the rects you want rain to collide with, and it renders the entire storm on the GPU.
A receipt printer animation for the Dynamic Island: the island morphs into a thermal printer and feeds out a receipt line-block by line-block. Tap the finished sheet to tear it away. Built for checkout confirmations, order-success screens, paywalls, or any moment worth celebrating.
+49
more drops to catch
A build is a real app, screen by screen: every bit of motion inside it and the source to go with it.
4 drops insideThree screens inspired by Robinhood's crypto tab, rebuilt from scratch in React Native: a discover page, a token page with a Skia chart you can drag a finger across to read prices off, and a swap screen whose amount is a run of individually sprung Skia glyphs over a canvas that paints wherever you touch. Digits roll in and out odometer-style, commas duck under the line and surface again, and every number that moves is driven from the UI thread, so a scrubbing finger never crosses onto the JS thread.
Get every drop in the shop, plus every future one. Real React Native and Expo source, yours forever.