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 (MiniPlayerSheet.tsx)
Provider/layout setup snippet (_layout.tsx)
Demo screen
Album art + control icon assets
README with install + usage

About the Project

Built on @gorhom/bottom-sheet v5 (BottomSheetModal in detached mode with three snap points) driving react-native-reanimated shared values. The sheet's animatedIndex feeds interpolate/interpolateColor inside useAnimatedStyle to scale the artwork (40→240), animate height/margins/border-radius/shadow, and tween the background between white and gray; withSpring/withTiming in the onAnimate callback handle the artwork translate and the cross-fade between the collapsed and expanded layouts on the UI thread. enableContentPanningGesture is toggled via state so pan-to-collapse only works while expanded. Tuned with overshootClamping spring configs for an iOS-accurate feel and styled to work on both iOS and Android. Requires GestureHandlerRootView and BottomSheetModalProvider at the root; runs in Expo Go (no native code) on Expo SDK 56.

Mini-Player Sheet preview

Created bymehdi_made

Mini-Player Sheet

Free

Commonreanimatedexporeact native gesture handlerreact native

An Apple Music–style mini-player that expands from a docked bar into a full-screen now-playing view. Tapping or dragging the sheet drives a synchronized transition: the album art scales and repositions, the background color shifts, and the compact and full layouts cross-fade. Ideal for music, podcast, or media apps that want a native-feeling now-playing experience.

File Details

Total Size

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