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)
CopyIcon SVG component (CopyIcon.tsx)
Staggered per-letter Copy → Copied label morph
Demo screen (DemoScreen.tsx)
README with install + usage

About the Project

Built with react-native-reanimated v4: a single `progress` shared value (driven by withSpring) scrubs every visual property through interpolate/interpolateColor, so the pill color, width, icon cross-fade, and per-letter text morph all stay in sync without coordinating separate animations. A second independent shared value handles the press-down scale. The icon swap uses expo-blur's BlurView with intensity animated via useAnimatedProps (BlurView and Pressable are wrapped with Animated.createAnimatedComponent), the checkmark is an SF Symbol from expo-symbols, and the copy glyph is a custom react-native-svg component. Wrapped in a GestureHandlerRootView. Tested on Expo SDK 56 (iOS + Android); note the SF Symbol checkmark renders only on iOS, so supply a fallback icon on Android.

Tap to Copy Button preview

Created bymehdi_made

Tap to Copy Button

$3

Rarereanimatedexpoexpo blurreact native svgreact native gesture handlerreact native

An animated copy-to-clipboard pill whose label morphs letter-by-letter from "Copy" to "Copied" while the copy icon cross-fades into a checkmark, the pill turns green and widens, and a blur softens the transition. The button springs down on press and auto-resets after a few seconds — ideal for code snippets, referral codes, wallet addresses, or any copy action.

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.

Still circling? Snatch it.

Most crows would've grabbed something by now.

Tap to Copy Button

$3

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