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 (Clock.tsx container)
Animated Pointer.tsx clock-hand component
Timezone helper (utils/date.ts)
App.tsx wiring with gesture-handler root
README with install + usage

About the Project

Built with react-native-reanimated v4 and react-native-worklets. A single shared value drives every hand's rotation through useDerivedValue, and the offset hands lag the local hand with withDelay so the spread reads as motion across time. AM/PM transitions use interpolateColor on a derived progress value, and the live time label is an Animated TextInput updated via useAnimatedProps so text changes stay on the UI thread. The control panel uses expo-glass-effect (GlassView) and a native @expo/ui SwiftUI Slider; reset is sequenced with scheduleOnRN to flip React state only after the worklet timing finishes. Timezones are computed with Intl.DateTimeFormat (no extra date lib). Targets Expo SDK 56 (React Native 0.85) on iOS and Android — note GlassView and the SwiftUI Slider render natively on iOS and require a dev build (not Expo Go).

World Clock Slider preview

Created bymehdi_made

World Clock Slider

Free

Commonreanimatedexporeact native gesture handlerreact native

An interactive world clock where a SwiftUI-style slider scrubs time forward and backward ±12h while each city's hand rotates in sync on the UI thread. Hands animate their AM/PM color as you cross midday, and a glass control panel houses a reset button that springs every clock back to now. Great for travel, scheduling, or timezone-planning screens.

File Details

Total Size

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