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 (Meatball.tsx)
Settings list content component (Content.tsx)
App entry wiring gesture-handler + safe-area providers
README with install + usage
MP4 preview

About the Project

The gooey effect is a classic metaball trick: a Skia <Group> applies a Blur then a high-contrast alpha ColorMatrix so an overlapping Circle and RoundedRect visually merge and stretch apart. Scroll position is captured with useAnimatedScrollHandler and mapped through useDerivedValue/interpolate to the circle radius, blob scale and an expo-blur intensity, all on the UI thread via Reanimated v4 worklets. onEndDrag uses scrollTo to snap the avatar fully open or closed. Built on Expo SDK 56 with react-native-skia, react-native-reanimated and react-native-safe-area-context; the Skia layer keeps the gooey morph smooth on both iOS and Android. Note: notch / Dynamic Island offsets are device-specific, so pair with react-native-device-info to fine-tune positioning per device.

Created bymehdi_made

Gooey Profile

Free

Commonreanimatedexporeact native skiaexpo blurreact native

A Telegram-inspired profile header where the avatar blob gooily detaches from a top pill and pops into a full profile photo as you pull the list down. The metaball merge/separation is rendered with a Skia ColorMatrix filter while a Reanimated scroll handler drives the radius, blur and snap behavior on the UI thread.

File Details

Total Size

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