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 (Input.tsx)
Animated ProgressBarButton component
CustomText digit reveal component
Demo screen wired with fonts
SF Pro Rounded font assets

About the Project

Built with react-native-reanimated v3 shared values, worklets, and useAnimatedReaction so every transition (digit reveal, button morph, progress ring, shimmer sweep) runs on the UI thread. The shimmer uses @react-native-masked-view/masked-view layered over expo-linear-gradient, the progress ring is an animated SVG Rect via react-native-svg, and the button icons use expo-symbols (SF Symbols on iOS). Wrapped in GestureHandlerRootView for press feedback. Tested on Expo SDK 51 with iOS and Android — note that expo-symbols renders SF Symbols on iOS and falls back gracefully on Android, so you may want to swap in an icon set there.

Copy Card Field preview

Created bymehdi_made

Copy Card Field

$5

Rarereanimatedexpoexpo linear gradientreact native masked viewreact native svgreact native

An animated credit card number field that reveals the masked digits with a shimmering gradient sweep when tapped, runs a square progress ring around the action button, and morphs the icon between eye, copy, and checkmark states. Drop it into payment, wallet, or banking screens that need a delightful reveal-and-copy interaction.

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.

Copy Card Field

$5

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