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 (Card.tsx)
Sample sky + landmark PNG assets
Demo screen wiring the card into an Expo app
README with install + usage
MP4 preview

About the Project

Built with react-native-reanimated shared values driven by expo-sensors' Gyroscope listener at ~60Hz. Each layer (sky, tower, title) interpolates the same shared values across different output ranges to fake depth, and withTiming smooths sensor jitter. The fade at the bottom uses expo-blur inside a MaskedView with an eased linear-gradient (react-native-easing-gradient) so the blur dissolves cleanly instead of showing a hard edge. Tested on Expo SDK 51 (iOS + Android) — requires a custom dev client or a development build because expo-sensors needs native permissions and won't read motion data in the web preview.

Gyro Parallax Card preview

Created bymehdi_made

Gyro Parallax Card

$7

Rarereanimatedexpoexpo blurreact native masked viewreact native

A polished destination card that reacts to the device's gyroscope, shifting its sky, landmark, and title text at different depths for a true parallax effect. Drop it into a travel app, an onboarding carousel, or any 'featured place' UI to make a flat image feel three-dimensional.

File Details

Total Size

4.91 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.

Gyro Parallax Card

$7

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