Drops
Production-ready React Native motion for every tier, ready to snatch.
Production-ready React Native motion for every tier, ready to snatch.
A pixel-matched recreation of Telegram's attachment menu: the paperclip button in the input bar morphs into a full liquid-glass bottom sheet, then drags between detents or flicks away to dismiss. Ships eight cross-faded panes (photo grid, text, file, location, poll, checklist, audio, contact) behind a scrolling native UISegmentedControl. Drop it into any RN/Expo chat screen that needs a real attachment picker.
A full-screen rain overlay where thousands of depth-sorted drops fall past your UI and splash on the cards they hit, styled after the Apple Weather app. Drop the RainOverlay over any screen, feed it the rects you want rain to collide with, and it renders the entire storm on the GPU.
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.
The input bar's plus button morphs into a floating attachments menu that can expand full-screen into a recycled photo grid or a live camera. Tapping outside collapses it straight back into the plus in one continuous, gesture-driven motion. Perfect for chat, AI assistant, and messaging screens that need an iOS-native attach flow.
A denim zipper that unzips and parts the screen like a curtain. The pull rides down the seam, the teeth split open along a soft rounded V, then both fabric halves slide off-screen to reveal the app underneath. Great as a splash, intro, or screen-transition overlay.
A full-screen animated swimming-pool water effect with drifting caustics, refraction ripples, and a buoyant rubber duck whose shadow wobbles on the tiled floor below. Built as a Skia runtime shader (SkSL) driven by Reanimated, it makes a great living background for splash screens, onboarding, or empty states.
An interactive lamp dangling from a physics-simulated rope. Drag the lamp around with a pan gesture and pull it past a threshold to trigger a haptic, a sound, and a flickering light cone. Drop it into an onboarding screen, an empty state, or a playful settings toggle.
A draggable trading card that tilts in 3D under your finger while a holographic sheen, layered reflections, and a tracking spotlight sweep across its surface. Drop it into a profile, collectible, or reward screen for a premium tactile feel.
A draggable pair of glass lenses that magnify, refract, and chromatically split whatever is rendered behind them. Grab the lenses and slide them across the screen to warp the content underneath, all driven by a single custom Skia SkSL shader. Drop it over scrolling text, images, or any Skia scene for a tactile magnifying-glass effect.
A bottom-center button that genies an interactive form in and out of itself with a Skia mesh warp. Tap to grow the form out of the button, fill it in, then send to suck it back under — fully interactive while open, a warped snapshot while it moves. Drop it in for contact forms, feedback prompts, or any compose action that should feel alive.
A photo that warps and gets sucked up under the phone's notch with a macOS-style genie effect, while the Dynamic Island bumps as the content tucks away. Tap the image or scrub the progress slider to drive a Skia triangle-mesh warp that runs entirely on the UI thread. Drop it in for a playful media-to-notch transition or a Dynamic Island demo.
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.
A soft aurora that breathes up from the bottom of the screen and swells with your voice. A single Skia fragment shader renders an organic, cloud-like blob whose height, saturation and turbulence are driven by live microphone loudness, with fast-attack/slow-release smoothing. Perfect as a backdrop for voice assistants, audio recorders or listening-state UI.
Recreates ChatGPT's send-button interaction: long-press the button and drag up to reveal a floating menu, then slide between Instant, Thinking, and Extended speeds. The active option tracks your finger with a blur backdrop over the keyboard. Drop it into any chat or messaging input bar.
An Apple Music–style synced lyrics view with a word-by-word highlight sweep, an auto-scrolling sheet that cascades line-by-line with a staggered spring, and a progressive blur now-playing header. Tap any line to seek, drag to browse, and auto-follow resumes once you go idle. Drop it into a music player, podcast, or any read-along screen.
A complete voice-assistant listening screen: a Skia orb that swells, fattens and ripples in time with whatever the microphone hears. Raw PCM is split into low, mid and high bands and pushed into Reanimated shared values, so the whole animation runs on the UI thread and React never re-renders while you talk. Drop it in as an AI-assistant, voice-note or call screen.
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.
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.
An interactive x-ray effect that reveals a hidden image underneath a base photo through a circular mask the user drags around. Pan to move the lens and long-press to reset, perfect for product showcases, before/after reveals, or playful onboarding screens.
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.
A scattered collection of stamp cards that you can fling around a grid board with real momentum, then tap to spring one into the center at 1.5x scale behind a blurred backdrop. A shuffle button re-scatters every card with randomized positions and rotations.
A horizontal card carousel where neighbors fan out, scale, and tilt into a 3D stack as you swipe. Snap-to-card paging is driven by an Animated.FlatList, and all visuals are interpolated from a single shared scroll offset for smooth 60fps motion on the UI thread.
A compact hours/minutes time field that sits as a read-only pill and springs open into two editable number inputs when the pencil button is tapped. The pencil morphs into a checkmark through a blur transition, and confirming collapses the field and dismisses the keyboard.
A dark-mode text input with a diagonal gradient highlight that sweeps across both the rounded border and the placeholder letterforms. The shimmer loops while idle, fires a single sweep on focus, and the placeholder springs out as the user starts typing.
A floating pill-shaped tab bar that collapses into a three-dot indicator when the user scrolls down a list and springs back open as soon as they scroll up. Drop it into any scrollable screen (FlatList, ScrollView, music list, feed) to give the bottom navigation a smooth, attention-aware reveal.
An interactive scratch-card component: pan your finger across the foil to erase it pixel-by-pixel, and once roughly 90% is uncovered the prize springs in with a wiggle and a confetti burst. Drop-in for promo screens, lottery flows, gamified onboarding, or reward reveals.
A two-level animated segmented control: the outer switch toggles between Free and Premium, and selecting Premium morphs in a nested Solo / Team switch on the right half. Every translate, scale, and color transition runs on the UI thread via Reanimated, making it a slick pricing or plan selector for onboarding, paywall, and settings screens.
A spirit level that reads the device accelerometer and spreads two Liquid Glass bubbles apart, rotating the pair toward the low side with a live degree readout behind them. Tilt the phone in any direction to see how far off level it is. Drop it into a measuring, DIY, or hardware-utility app.
A slide-to-confirm button with a 5x5 LED matrix animation running inside the draggable knob. The LED loop runs entirely on the UI thread via Reanimated's stepped easing, and snaps to a dark frame as the user drags past the halfway point. Drop-in CTA for onboarding screens, paywalls, or any 'commit' action.
A momentum-driven infinite scroll wheel that curves a column of labels into a rotating drum. Drag to spin it and flick to let it coast with decaying momentum, while the labels wrap endlessly through a modulo offset. Drops into any React Native + Expo screen as a playful picker, menu, or hero list.
A tap-to-decode text effect where the label flickers through random letters and locks in one character at a time until it resolves to the real string. The whole scramble runs on the UI thread via a Reanimated worklet driving an AnimatedTextInput, so it stays smooth even while JS is busy. Drop it into splash screens, hero titles, loading states, or cyberpunk-style onboarding.
An AI-style "Generate" button that morphs into a thinking state on tap: the label crossfades from "Generate" to "Thinking" letter by letter, a sparkle scales in and spins, and the pill cycles through a color palette before easing back to idle. Drop it into AI chat, image-generation, or any "run" action in an RN/Expo app.
A horizontal carousel where items glide along a circular arc as you scroll — the centered item scales up and stays sharp while its neighbors shrink, fade, and blur. It snaps to each item with selection haptics and drives a synced detail card, perfect for ride pickers, category selectors, or product showcases.
A glassy, pill-shaped pressable that uses the front camera feed as its surface, blurred behind frosted highlights and an inset shadow that flips on press. Drop it into an onboarding screen, a mirror app, or anywhere you want a tactile, lens-like CTA that reacts to touch.
A six-cell verification-code (OTP) input with a sliding focus indicator, digits that rise and fade in as you type, a wiggle and red flash on invalid input, and a shimmering wave while the code verifies. Drop it into any auth, 2FA, or phone-confirmation flow.
A card with a glowing light streak that travels endlessly around its rounded border, hugging every edge and corner. The beam's position and rotation are driven by a single Reanimated progress value on the UI thread, so it stays smooth even while the rest of the screen renders. Great for highlight cards, premium/upgrade banners, focus prompts, or AI 'thinking' states.
A polished destination card that reacts to the device's gyroscope, shifting its sky, landmark, and title text at different depths for a true parallax effect. Drop it into a travel app, an onboarding carousel, or any 'featured place' UI to make a flat image feel three-dimensional.
An animated credit card number field that reveals the masked digits with a shimmering gradient sweep when tapped, runs a square progress ring around the action button, and morphs the icon between eye, copy, and checkmark states. Drop it into payment, wallet, or banking screens that need a delightful reveal-and-copy interaction.
An interactive finance-style bar chart with a draggable scrubber that highlights the bar under your finger and shows its value in a large price readout. Tapping the 1W / 1M / 1Y toggles smoothly morphs the chart between 7, 12, and 30 bars without ever mounting or unmounting a view. Drop it into a portfolio, crypto, or analytics screen for an instant App-Store-quality chart.
A Telegram-style capture button whose microphone glyph morphs into a video camera on tap, with a springy pop under the finger and a liquid-glass circular surface. Every stroke is interpolated on the UI thread, so the mic cradle rises into the camera housing and the capsule head rounds into a lens in one continuous outline. Drop it into a chat composer, a recorder screen, or anywhere you need an audio/video capture toggle.
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.
An animated submit button that walks through Save → Saving → Saved on tap. The width springs open, the label morphs letter-by-letter (e → ing → ed) with a staggered roll, and a blurred spinner crossfades into a checkmark before the whole thing resets. Perfect for form submits, bookmark/like actions, or any optimistic async confirmation.
An animated copy-to-clipboard pill that scales on press, then plays a confirmation overlay that fills, blurs, and flashes an SF Symbol checkmark reading "Code Copied". Drop it into onboarding flows, referral screens, or anywhere you surface a code to copy.
A full-screen looping video player with frosted Liquid Glass controls. The center play/pause button is draggable via a Reanimated pan gesture — as you drag it the prev/next buttons spring apart, and on release it snaps to a bottom-left corner or springs back to center. Ideal for immersive reels, video feeds, or media-first screens.
A device-motion-driven parallax card stack, built with React Native, Expo, and Reanimated. Tilt your phone and the nested cards slide apart in opposing directions, opening a tunnel that recedes into the screen.
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.
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.
A row of pill-shaped tabs inspired by Apple's Mail app: tapping a tab smoothly expands it, animates its background from gray to a brand color, crossfades the icon, and slides in a label. Great as a segmented filter bar or category switcher in any RN/Expo app.