Skip to content

Drops Lifetime — $56Pricing Market About

Home Drops PricingSign in

© 2026 Motionary Inc.
All rights reserved.

Product

Explore
Sell

Company

About

Legal

Privacy Policy
Terms of Service

Social

What's Included

TypeScript source (GenieForm.tsx)
roundSnapshot helper (rounded-corner texture baker)
Demo screen
README with install + usage
MP4 preview

About the Project

Built on @shopify/react-native-skia and Reanimated 4. The live form is captured with Skia's makeImageFromView and warped through a 14x48 Vertices triangle mesh, rebuilt every frame inside a useDerivedValue worklet from a single progress shared value, so the genie runs entirely on the UI thread. The card is an interactive RN view at rest and a static, rounded snapshot while it moves, swapped pixel-perfectly at progress 0 so the handoff never flashes; the drop shadow is a separate Skia canvas whose size and opacity are derived from the same progress. scheduleOnRN (react-native-worklets) bridges worklet completions back to JS for the phase machine. Requires a dev build rather than Expo Go because Skia ships native code. Tested on Expo SDK 56, iOS and Android.

Genie Form preview

Created bymehdi_made

Genie Form

$11

Legendaryreanimatedexporeact native skiareact native

A bottom-center button that genies an interactive form in and out of itself with a Skia mesh warp. Tap to grow the form out of the button, fill it in, then send to suck it back under — fully interactive while open, a warped snapshot while it moves. Drop it in for contact forms, feedback prompts, or any compose action that should feel alive.

File Details

Total Size

0.13 MB

Code

package.json

More from mehdi_made

Receipt Printer

Receipt Printer

The iPhone Dynamic Island morphs into a thermal printer and feeds out a receipt line-block by line-block, then tap to tear the finished sheet away. Perfect for checkout confirmations, order-success screens, paywalls, or any moment worth celebrating.

Telegram Swipe Actions

Telegram Swipe Actions

A Telegram-style chat list row you can drag either way to reveal circular action buttons — Mute, Delete, Archive on the left drag, Unread and Pin on the right. Buttons stagger in as the row travels, overdragging stretches the edge button into a pill that fires its action on release, and only one row can ever be open at a time. Drop it around any list item (FlatList, LegendList, FlashList) that needs iOS-grade swipe actions.

Flip Calendar

An Apple-Calendar-style card whose big day number split-flaps through dates like an airport board or flip clock. Every flip is driven by a single 0..1 shared value, so you can scrub it with the included drag slider or play it through with a spring or timing the control and the calendar can never disagree.

Still circling? Snatch it.

Most crows would've grabbed something by now.

Genie Form

$11

Or take the whole nest — every drop, $56 until Jul 31, 2026