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 (CopyButton.tsx)
Configurable `code` prop with sensible default
Demo entry screen (App.tsx)
README with install + usage
MP4 preview

About the Project

Built with react-native-reanimated v4 (paired with react-native-worklets). The entire confirmation sequence is driven by a single shared value scrubbed through four integer stages, advanced by chained withTiming callbacks that run on the UI thread; every visual property (overlay opacity and scale, fill-bar width, blur intensity) is derived from that one value via interpolate over a shared timeline, so nothing drifts out of sync. The animated BlurView (expo-blur) is wired through Animated.createAnimatedComponent + useAnimatedProps, and the checkmark uses expo-symbols. Targets Expo SDK 56 with the New Architecture; no custom native code, so it works under CNG. Note: SF Symbols are iOS-only, so swap expo-symbols for an icon fallback on Android. expo-blur renders on both platforms.

Tap to Copy Button preview

Created bymehdi_made

Tap to Copy Button

Free

Commonreanimatedexpoexpo blurreact native

An animated copy-to-clipboard pill that scales on press, then plays a confirmation overlay that fills, blurs, and flashes an SF Symbol checkmark reading "Code Copied". Drop it into onboarding flows, referral screens, or anywhere you surface a code to copy.

File Details

Total Size

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