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 (DotWaveSlider.tsx)
SkSL runtime shader for the dot field
Container/demo screen (Container.tsx)
README with install + usage
MP4 preview

About the Project

The entire dot field is a single Skia RuntimeEffect (SkSL) drawn in one Canvas call — all per-dot math (reveal, twinkle, falloff, rounded-rect SDF) runs on the GPU. The only per-frame JS is a tiny useDerivedValue worklet that feeds uniforms, so nothing touches the JS thread. Drag is handled by react-native-gesture-handler with a Pan gesture (minDistance 0 for zero dead zone), and the thumb snaps to discrete stops via react-native-reanimated withSpring. Haptics fire on grab and release through expo-haptics, scheduled back to the RN thread with react-native-worklets scheduleOnRN. Built for Expo SDK 56 with @shopify/react-native-skia 2.6 and react-native-reanimated 4; requires a development build (Skia is not in Expo Go). Works on iOS and Android.

Dot Wave Slider preview

Created bymehdi_made

Dot Wave Slider

$10

Legendaryreanimatedexporeact native skiashadersreact native gesture handlerreact native

A draggable slider whose track fills with a shimmering, GPU-rendered field of purple dots that sweep in like a wave when the thumb reaches the end. The thumb springs between discrete snap stops with light haptic ticks on grab and release, and the dot field dissolves in and out as you approach or leave the max position.

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.

Dot Wave Slider

$10

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