https://motionary.dev/ 2026-08-16T21:42:14.750Z daily 1 https://motionary.dev/animations 2026-08-16T21:42:14.750Z daily 0.9 https://motionary.dev/pricing 2026-08-16T21:42:14.750Z weekly 0.9 https://motionary.dev/builds 2026-08-16T21:42:14.750Z daily 0.9 https://motionary.dev/blog 2026-08-16T21:42:14.750Z weekly 0.7 https://motionary.dev/components 2026-08-16T21:42:14.750Z weekly 0.9 https://motionary.dev/about 2026-08-16T21:42:14.750Z monthly 0.5 https://motionary.dev/license 2026-08-16T21:42:14.750Z yearly 0.3 https://motionary.dev/terms 2026-08-16T21:42:14.750Z yearly 0.2 https://motionary.dev/privacy 2026-08-16T21:42:14.750Z yearly 0.2 https://motionary.dev/animations/freeze-card Freeze Card https://storage.googleapis.com/motioned-staging/animations/thumbnails/0b705e77-8cd6-4bec-b069-db78a63d3600.png A bank card that ices over when you tap Freeze, with a Skia runtime shader growing a dendritic frost front from the four corners. It refracts the artwork through crystal facets and creeps an ice lattice onto the background behind it. Tap a card to lift it out of the wallet list onto a dimmed scrim, then toggle freeze from the focus bar. Built for fintech card-lock screens. https://storage.googleapis.com/motioned-staging/animations/previews/fb9bc8e4-bf6a-4a8e-9218-e26e020409f9.mp4 2026-08-13T13:02:54.061Z yes 2026-08-16T08:55:12.677Z weekly 0.8 https://motionary.dev/animations/chatgpt-slider-model-picker ChatGPT Slider Model Picker https://storage.googleapis.com/motioned-staging/animations/thumbnails/f125d601-8fcc-4f0d-a9c0-68e6d970877a.png A slider-based model picker for chat composers: the gauge icon morphs into a full-width slider that floats above the keyboard behind a progressive blur. Press the track to jump to the nearest stop, drag the knob freely, and release to snap; the gauge arc and needle follow the drag continuously. Drop it into any AI composer that needs an inline effort selector. https://storage.googleapis.com/motioned-staging/animations/previews/d928f4c9-25f4-4dfd-af63-cbc54050a97a.mp4 2026-08-11T12:50:43.053Z yes 2026-08-16T08:55:11.950Z weekly 0.8 https://motionary.dev/animations/chatgpt-image-gen-dot-field ChatGPT Image-Gen Dot Field https://storage.googleapis.com/motioned-staging/animations/thumbnails/d69fa36c-adec-49bf-b8d9-872e87b8edcb.png A skeleton loading placeholder made of shimmering dots, recreating what ChatGPT shows while it generates an image. A static grid of dots is lit by invisible orbs that take turns blooming, drifting and dissolving. Ships with the cycling typewriter status label so you can drop a complete generating-state card into any AI screen. https://storage.googleapis.com/motioned-staging/animations/previews/4a28d4b9-ec9e-48de-8ef0-8f4d35e524ed.mp4 2026-08-05T12:41:33.611Z yes 2026-08-16T08:55:11.342Z weekly 0.8 https://motionary.dev/animations/voice-to-video-morph-button Voice to Video Morph Button https://storage.googleapis.com/motioned-staging/animations/thumbnails/5784fb32-132f-4b8b-875f-bbeab3fb8e6b.png A capture button whose microphone glyph morphs into a video camera on tap, Telegram style, with a springy pop under the finger. 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 or a recorder screen. https://storage.googleapis.com/motioned-staging/animations/previews/86ba8240-e714-4ec6-87e4-453ea0f87008.mp4 2026-07-31T13:54:41.725Z yes 2026-08-16T08:55:10.771Z weekly 0.8 https://motionary.dev/animations/attachment-sheet Attachment Sheet https://storage.googleapis.com/motioned-staging/animations/thumbnails/f0cc66a4-62fd-42fa-9185-e39312d42634.png An attachment bottom sheet, pixel-matched to Telegram: the paperclip button morphs into a liquid-glass sheet you drag between detents or flick away. 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. https://storage.googleapis.com/motioned-staging/animations/previews/7d9b264b-dd42-4e94-8e9d-4f118a852102.mp4 2026-07-29T17:17:01.523Z yes 2026-08-16T08:55:10.207Z weekly 0.8 https://motionary.dev/animations/voice-orb Voice Orb https://storage.googleapis.com/motioned-staging/animations/thumbnails/be702ac7-cb85-475f-8ee9-80a338e4dec5.png An audio visualizer for voice assistants: 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. https://storage.googleapis.com/motioned-staging/animations/previews/4c5545d8-9558-410a-822c-44e83a80cc07.mp4 2026-07-27T12:37:56.378Z yes 2026-08-16T08:55:09.614Z weekly 0.8 https://motionary.dev/animations/apple-weather-rain Apple weather rain https://storage.googleapis.com/motioned-staging/animations/thumbnails/f3e3e73a-2137-4317-8ff0-d174e1ab5970.png 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. https://storage.googleapis.com/motioned-staging/animations/previews/c989a0dd-f9a1-48a8-b076-f1b7d61fb65b.mp4 2026-07-21T09:39:34.378Z yes 2026-08-16T08:55:09.077Z weekly 0.8 https://motionary.dev/animations/receipt-printer Receipt Printer https://storage.googleapis.com/motioned-staging/animations/thumbnails/930549ce-c6c3-4e62-a01d-12dfe57cb85b.png A receipt printer animation for the Dynamic Island: the island morphs into a thermal printer and feeds out a receipt line-block by line-block. Tap the finished sheet to tear it away. Built for checkout confirmations, order-success screens, paywalls, or any moment worth celebrating. https://storage.googleapis.com/motioned-staging/animations/previews/d52e3d96-d1ac-4d18-b593-75bfac938874.mp4 2026-07-17T07:54:40.800Z yes 2026-08-16T08:55:08.299Z weekly 0.8 https://motionary.dev/animations/telegram-swipe-actions Telegram Swipe Actions https://storage.googleapis.com/motioned-staging/animations/thumbnails/c45513ee-f0cd-4555-b524-51886aa668a5.png A swipeable list row, Telegram style: drag either way to reveal circular actions, Mute, Delete and Archive on the left, Unread and Pin on the right. Buttons stagger in as the row travels, overdragging stretches the edge button into a pill that fires on release, and only one row is ever open at a time. Drop it around any list item (FlatList, LegendList, FlashList). https://storage.googleapis.com/motioned-staging/animations/previews/b2ee50a9-1e81-4830-9520-a9ae2bc04054.mp4 2026-07-14T12:57:09.945Z yes 2026-08-16T08:55:07.109Z weekly 0.8 https://motionary.dev/animations/flip-calendar Flip Calendar https://storage.googleapis.com/motioned-staging/animations/thumbnails/aef347bf-e008-47d0-8609-a3851a997609.png A calendar card whose big day number split-flaps through dates like an airport board or flip clock, styled after Apple Calendar. 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 animation, and the control and the calendar can never disagree. https://storage.googleapis.com/motioned-staging/animations/previews/a2b6e918-b1e3-4ee9-bda8-d294f2346dac.mp4 2026-07-09T13:56:14.808Z yes 2026-08-16T08:55:05.939Z weekly 0.8 https://motionary.dev/animations/chatgpt-style-attachments-menu ChatGPT-Style Attachments Menu https://storage.googleapis.com/motioned-staging/animations/thumbnails/79c9fd39-0e24-4d60-a7e8-2658270577bd.png An attachments menu for chat inputs: the plus button morphs into a floating panel that expands 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. Drop it into chat, AI assistant, and messaging screens that need an iOS-native attach flow. https://storage.googleapis.com/motioned-staging/animations/previews/45059254-74f8-4a5c-ba03-68b4867c0ec8.mp4 2026-07-05T08:12:12.578Z yes 2026-08-16T08:55:05.334Z weekly 0.8 https://motionary.dev/animations/zipper-curtain Zipper Curtain https://storage.googleapis.com/motioned-staging/animations/thumbnails/5226bfb3-232e-4e4a-b574-dd549fc8ea15.png A denim zipper screen transition 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. https://storage.googleapis.com/motioned-staging/animations/previews/7a94f576-d98f-4300-90dd-dca843448e58.mp4 2026-06-15T13:23:00.515Z yes 2026-08-16T08:55:04.815Z weekly 0.8 https://motionary.dev/animations/x-ray-reveal X-Ray Reveal https://storage.googleapis.com/motioned-staging/animations/thumbnails/365d96f9-008e-4e32-b9f5-c587bb3a353b.png An x-ray reveal effect where a circular mask you drag around the screen uncovers a hidden image underneath a base photo. Pan to move the lens and long-press to reset, perfect for product showcases, before and after reveals, or playful onboarding screens. https://storage.googleapis.com/motioned-staging/animations/previews/c53d1599-930b-408f-9bec-79917f67794c.mp4 2026-06-15T13:22:30.157Z yes 2026-08-16T08:55:04.343Z weekly 0.8 https://motionary.dev/animations/pool-water-shader Pool Water Shader https://storage.googleapis.com/motioned-staging/animations/thumbnails/cde21ba0-6c19-4629-b906-213b455a7ef2.png A full-screen pool water background with drifting caustics, refraction ripples, and a buoyant rubber duck whose shadow wobbles on the tiled floor below. The whole thing is built as a Skia runtime shader (SkSL) driven by Reanimated. Drop it into splash screens, onboarding, or empty states as a living background. https://storage.googleapis.com/motioned-staging/animations/previews/66eb9bc5-ca34-45b2-a56a-f0b2066996c2.mp4 2026-06-15T13:21:59.537Z yes 2026-08-16T08:55:02.956Z weekly 0.8 https://motionary.dev/animations/gooey-profile Gooey Profile https://storage.googleapis.com/motioned-staging/animations/thumbnails/22ec47f9-506c-4db7-a265-18a7975e07f4.png 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 and separation are rendered with a Skia ColorMatrix filter, while a Reanimated scroll handler drives the radius, blur, and snap behavior on the UI thread. Drop it into a profile or account screen. https://storage.googleapis.com/motioned-staging/animations/previews/048a8382-1889-421f-94e1-fe9739a35a44.mp4 2026-06-15T13:20:38.870Z yes 2026-08-16T08:55:01.971Z weekly 0.8 https://motionary.dev/animations/save-status-button Save Status Button https://storage.googleapis.com/motioned-staging/animations/thumbnails/c177f1d6-06b1-4182-937a-e4fbc27c6930.png An animated save button that walks through Save, then Saving, then Saved on tap. The width springs open, the label morphs letter by letter (e to ing to ed) with a staggered roll, and a blurred spinner crossfades into a checkmark before the whole thing resets. Perfect for form submits, bookmark and like actions, or any optimistic async confirmation. https://storage.googleapis.com/motioned-staging/animations/previews/9c9bf48b-19b7-4be6-8447-766732eccdf9.mp4 2026-06-15T13:19:54.542Z yes 2026-08-16T08:55:01.027Z weekly 0.8 https://motionary.dev/animations/tap-to-copy-button-2 Tap to Copy Button https://storage.googleapis.com/motioned-staging/animations/thumbnails/c9ef9030-5aa2-493c-b364-1c6338bddfe1.png A copy button with a full-pill confirmation overlay: the pill scales on press, then the overlay fills and blurs across it. The overlay flashes an SF Symbol checkmark reading 'Code Copied'. Drop it into onboarding flows, referral screens, or anywhere you surface a code to copy. https://storage.googleapis.com/motioned-staging/animations/previews/2b64f038-e301-486b-a147-c77492085ce8.mp4 2026-06-15T13:19:45.893Z yes 2026-08-16T08:55:00.497Z weekly 0.8 https://motionary.dev/animations/tap-to-copy-button Tap to Copy Button https://storage.googleapis.com/motioned-staging/animations/thumbnails/4d520991-b897-490f-acd6-2c8e6c0564ca.png A copy-to-clipboard button whose label morphs letter by letter from Copy to Copied while the icon cross-fades into a checkmark. The pill turns green and widens, a blur softens the transition, and 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. https://storage.googleapis.com/motioned-staging/animations/previews/304072ed-bd9f-4a8c-8055-3bce2116e6f0.mp4 2026-06-15T13:19:24.838Z yes 2026-08-16T08:54:59.659Z weekly 0.8 https://motionary.dev/animations/draggable-stamps Draggable Stamps https://storage.googleapis.com/motioned-staging/animations/thumbnails/4f6ed1bb-db9b-425f-adef-661126546a6a.png A draggable card board: scattered stamp cards you can fling around the grid with real momentum, then tap to spring one into the center. The focused card sits at 1.5x scale behind a blurred backdrop, and a shuffle button re-scatters every card with randomized positions and rotations. Drop it into a collection, sticker, or gallery screen. https://storage.googleapis.com/motioned-staging/animations/previews/73af028c-dcc3-42ce-b380-65173f24ca80.mp4 2026-06-15T13:19:14.142Z yes 2026-08-16T08:54:59.183Z weekly 0.8 https://motionary.dev/animations/stacked-cards Stacked Cards https://storage.googleapis.com/motioned-staging/animations/thumbnails/1a75fbca-2284-4ed5-b284-31cf92a9b3af.png A horizontal card stack carousel where neighbors fan out, scale, and tilt into 3D 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. Drop it into a featured row, an onboarding flow, or a product showcase. https://storage.googleapis.com/motioned-staging/animations/previews/1461a5db-a032-4187-80ee-f9cfd0de3389.mp4 2026-06-15T13:18:34.223Z yes 2026-08-16T08:54:58.581Z weekly 0.8 https://motionary.dev/animations/split-to-edit-time Split-to-Edit Time https://storage.googleapis.com/motioned-staging/animations/thumbnails/a0cdd10d-01db-49a3-9574-c7c4c5260b95.png An inline time picker: a compact hours and minutes pill that springs open into two editable number inputs when you tap the pencil. The pencil morphs into a checkmark through a blur transition, and confirming collapses the field and dismisses the keyboard. Drop it into settings, scheduling, or alarm screens that edit in place instead of opening a modal. https://storage.googleapis.com/motioned-staging/animations/previews/ea13e790-c412-477c-920b-32eea3e36ef2.mp4 2026-06-15T13:18:13.744Z yes 2026-08-16T08:54:58.045Z weekly 0.8 https://motionary.dev/animations/shimmer-input Shimmer Input https://storage.googleapis.com/motioned-staging/animations/thumbnails/3462f2a3-2cbb-45f2-9769-cd06aeed2e09.png A dark-mode text input with a shimmer: a diagonal gradient highlight sweeps across both the rounded border and the placeholder letterforms. The sweep loops while the field sits idle, fires once on focus, and the placeholder springs out of the way as the user starts typing. https://storage.googleapis.com/motioned-staging/animations/previews/a8f1cc64-f34d-4324-939f-d7cc988a5650.mp4 2026-06-15T13:18:05.776Z yes 2026-08-16T08:54:57.540Z weekly 0.8 https://motionary.dev/animations/scroll-hiding-menu Scroll Hiding Menu https://storage.googleapis.com/motioned-staging/animations/thumbnails/b8542a3b-4c35-4d10-bd1e-f7ff5e6643e0.png A floating pill tab bar that collapses into a three-dot indicator when the user scrolls down and springs back open the moment they scroll up. Drop it into any scrollable screen, whether that is a FlatList, a ScrollView, a music list, or a feed, to give the bottom navigation an attention-aware reveal. https://storage.googleapis.com/motioned-staging/animations/previews/e6125618-12a7-424e-9909-45f4c721f1c3.mp4 2026-06-15T13:17:53.534Z yes 2026-08-16T08:54:56.328Z weekly 0.8 https://motionary.dev/animations/scratch-to-reveal Scratch to Reveal https://storage.googleapis.com/motioned-staging/animations/thumbnails/8592ce4a-9027-476c-90e7-2937baddedd2.png A scratch card component: pan your finger across the foil to erase it pixel by pixel and uncover what is hidden underneath. Once roughly 90% is cleared the prize springs in with a wiggle and a confetti burst. Drop-in for promo screens, lottery flows, gamified onboarding, or reward reveals. https://storage.googleapis.com/motioned-staging/animations/previews/cc972b99-384c-4ca6-9769-6ab3a6fc62c4.mp4 2026-06-15T13:17:32.717Z yes 2026-08-16T08:54:55.644Z weekly 0.8 https://motionary.dev/animations/lamp-rope Lamp Rope https://storage.googleapis.com/motioned-staging/animations/thumbnails/8c6a5fe2-66d8-4dde-9c7a-2016ba7c872a.png An interactive lamp that dangles from a physics-simulated rope. Drag the lamp around with a pan gesture and pull it past a threshold to fire a haptic, a sound, and a flickering light cone. Drop it into an onboarding screen, an empty state, or a playful settings toggle. https://storage.googleapis.com/motioned-staging/animations/previews/943c1aff-2f20-45d5-b615-881b7b9fcbc0.mp4 2026-06-15T13:17:15.174Z yes 2026-08-16T08:54:55.115Z weekly 0.8 https://motionary.dev/animations/glass-video-player Glass Video Player https://storage.googleapis.com/motioned-staging/animations/thumbnails/9e65d11b-5c26-45ea-9106-b6ede968e906.png A full-screen looping video player with frosted Liquid Glass controls and a draggable play/pause button in the center. Drag it with a Reanimated pan gesture and the prev/next buttons spring apart, then on release it snaps to the bottom-left corner or springs back to center. Ideal for immersive reels, video feeds, or media-first screens. https://storage.googleapis.com/motioned-staging/animations/previews/ea18b126-9adc-4010-bd00-52e23f4fde25.mp4 2026-06-15T13:16:56.287Z yes 2026-08-16T08:54:54.636Z weekly 0.8 https://motionary.dev/animations/nested-switch Nested Switch https://storage.googleapis.com/motioned-staging/animations/thumbnails/714ac47b-d0c6-435a-8968-1b37bd40abd5.png A two-level animated segmented control: the outer switch toggles Free and Premium. Picking Premium morphs in a nested Solo and Team switch on the right half, and every translate, scale, and color transition runs on the UI thread via Reanimated. A plan selector for onboarding, paywall, and settings screens. https://storage.googleapis.com/motioned-staging/animations/previews/0d131f29-85ff-4b65-baa0-5353ea97383b.mp4 2026-06-15T13:15:57.818Z yes 2026-08-16T08:54:54.054Z weekly 0.8 https://motionary.dev/animations/liquid-glass-level Liquid Glass Level https://storage.googleapis.com/motioned-staging/animations/thumbnails/b404ec6c-786c-427c-a515-4a73d0e2d274.png A spirit level component that reads the device accelerometer and spreads two Liquid Glass bubbles apart as you tilt the phone. The pair rotates toward the low side with a live degree readout behind it, so you can see how far off level the device is. Drop it into a measuring, DIY, or hardware-utility app. https://storage.googleapis.com/motioned-staging/animations/previews/af248674-5eef-47cb-b3ae-9d705f7657fe.mp4 2026-06-15T13:15:40.644Z yes 2026-08-16T08:54:53.359Z weekly 0.8 https://motionary.dev/animations/led-slide-button LED Slide Button https://storage.googleapis.com/motioned-staging/animations/thumbnails/450b6561-4faa-4a37-af3b-ca1d5dd0229d.png A slide-to-confirm button for React Native with a 5x5 LED matrix animation running inside the draggable knob. The LED loop runs entirely on the UI thread via Reanimated stepped easing, and snaps to a dark frame once the drag passes the halfway point. Drop-in CTA for onboarding screens, paywalls, or any commit action. https://storage.googleapis.com/motioned-staging/animations/previews/29ffbd0b-3d4f-43a7-a25b-ec8d106acbb9.mp4 2026-06-15T13:15:24.549Z yes 2026-08-16T08:54:52.649Z weekly 0.8 https://motionary.dev/animations/infinite-scroll Infinite Scroll https://storage.googleapis.com/motioned-staging/animations/thumbnails/a4b8a24f-4d85-45ac-9cf2-964a0dcb6c2a.png An infinite scroll wheel picker that curves a column of labels into a rotating drum you can drag to spin and flick to coast. Momentum decays as it slows and the labels wrap endlessly through a modulo offset. Drops into any React Native and Expo screen as a playful menu or hero list. https://storage.googleapis.com/motioned-staging/animations/previews/18a73817-fa97-401a-9694-ee6d7d4243a0.mp4 2026-06-15T13:15:09.901Z yes 2026-08-16T08:54:51.722Z weekly 0.8 https://motionary.dev/animations/infinite-loophole Infinite Loophole https://storage.googleapis.com/motioned-staging/animations/thumbnails/41500da9-dd9b-4d40-96b1-b316d9a31832.png A device-motion parallax card stack for React Native, built with Expo and Reanimated. Tilt the phone and the nested cards slide apart in opposing directions. The opposing layers open a tunnel that recedes into the screen. https://storage.googleapis.com/motioned-staging/animations/previews/b0357685-6945-4d7f-b4f7-a1432af57d14.mp4 2026-06-15T13:14:29.794Z yes 2026-08-16T08:54:51.228Z weekly 0.8 https://motionary.dev/animations/holographic-card Holographic Card https://storage.googleapis.com/motioned-staging/animations/thumbnails/4a9a3c14-f377-4abf-b8a4-afd81f2bc191.png A draggable trading card that tilts in 3D under your finger while a holographic sheen and layered reflections sweep across its surface. A tracking spotlight sweeps over the card as you drag it. Drop it into a profile, collectible, or reward screen for a premium tactile feel. https://storage.googleapis.com/motioned-staging/animations/previews/74e6df60-35ad-4e60-b5f8-d53b76ea3e83.mp4 2026-06-15T13:14:20.659Z yes 2026-08-16T08:54:50.655Z weekly 0.8 https://motionary.dev/animations/hacker-text-reveal Hacker Text Reveal https://storage.googleapis.com/motioned-staging/animations/thumbnails/431d3359-414e-4139-a1eb-bb46818114f9.png A text reveal animation that flickers a label through random letters on tap, locking in one character at a time until it resolves to the real string. The 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, or loading states. https://storage.googleapis.com/motioned-staging/animations/previews/acf807eb-8775-4fe9-bd3d-7d9f8dc1bbad.mp4 2026-06-15T13:13:24.279Z yes 2026-08-16T08:54:49.621Z weekly 0.8 https://motionary.dev/animations/glass-magnifier Glass Magnifier https://storage.googleapis.com/motioned-staging/animations/thumbnails/be425b79-2d31-4b7c-aabb-a765ac6bab8b.png A magnifier you can drag around the screen: a pair of glass lenses that magnify, refract, and chromatically split whatever is rendered behind them. Sliding them warps 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. https://storage.googleapis.com/motioned-staging/animations/previews/9e4152bc-fcbc-450f-9366-530e29c9b546.mp4 2026-06-15T13:13:14.120Z yes 2026-08-16T08:54:48.819Z weekly 0.8 https://motionary.dev/animations/genie-form Genie Form https://storage.googleapis.com/motioned-staging/animations/thumbnails/cee75afd-e55b-44d8-8120-24bd46dbb3db.png A form that genies in and out of a bottom-center button with a Skia mesh warp, growing out of the button on tap and getting sucked back under it on send. It stays fully interactive while open and becomes a warped snapshot while it moves. Drop it in for contact forms, feedback prompts, or any compose action that should feel alive. https://storage.googleapis.com/motioned-staging/animations/previews/ac827db5-55d8-4c83-9567-8abe8c68cc3a.mp4 2026-06-15T13:12:49.026Z yes 2026-08-16T08:54:48.270Z weekly 0.8 https://motionary.dev/animations/island-genie Island Genie https://storage.googleapis.com/motioned-staging/animations/thumbnails/89f14c2d-22fd-4ce2-9cc0-73dabc6fac0e.png A Dynamic Island genie transition: a photo warps and gets sucked up under the phone's notch with a macOS-style genie effect as the Island bumps. 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. https://storage.googleapis.com/motioned-staging/animations/previews/693f268d-1965-455d-9ca0-aa665865a50b.mp4 2026-06-15T13:12:31.029Z yes 2026-08-16T08:54:47.684Z weekly 0.8 https://motionary.dev/animations/ai-generate-button AI Generate Button https://storage.googleapis.com/motioned-staging/animations/thumbnails/1fba0a4e-8345-48d1-90be-ee6479406254.png An AI-style Generate button that morphs into a thinking state on tap, cycling the pill through a color palette before easing back to idle. The label crossfades from Generate to Thinking letter by letter, and a sparkle scales in and spins. Drop it into AI chat, image generation, or any run action in an RN/Expo app. https://storage.googleapis.com/motioned-staging/animations/previews/da21e1cb-57c4-4e7c-ba7e-68baac2e7539.mp4 2026-06-15T13:11:43.254Z yes 2026-08-16T08:54:47.078Z weekly 0.8 https://motionary.dev/animations/world-clock-slider World Clock Slider https://storage.googleapis.com/motioned-staging/animations/thumbnails/f16b1f50-4efb-41ab-9e13-ecc578f99b3d.png An interactive world clock with a SwiftUI-style slider that scrubs time forward and backward +/-12h while every city's hand rotates in sync. The rotation runs on the UI thread; hands animate their AM/PM color as you cross midday, and a glass panel holds a reset button that springs every clock back to now. Good for travel, scheduling, or timezone screens. https://storage.googleapis.com/motioned-staging/animations/previews/b5c13cfb-73d4-41db-b581-5057e8951d14.mp4 2026-06-15T13:10:59.368Z yes 2026-08-16T08:54:46.132Z weekly 0.8 https://motionary.dev/animations/dot-wave-slider Dot Wave Slider https://storage.googleapis.com/motioned-staging/animations/thumbnails/f161a19f-d919-460a-ac57-f5db1fe65c22.png A draggable slider whose track fills with a shimmering, GPU-rendered field of purple dots that sweep in like a wave as the thumb nears 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. https://storage.googleapis.com/motioned-staging/animations/previews/f432bbd9-8027-4b2f-a8b0-987e96cb5b7e.mp4 2026-06-15T13:10:30.103Z yes 2026-08-16T08:54:45.535Z weekly 0.8 https://motionary.dev/animations/aurora-voice-blob Aurora Voice Blob https://storage.googleapis.com/motioned-staging/animations/thumbnails/948d4a52-07b2-4355-9746-d31e6dbce4f4.png An audio visualizer for voice input: a soft aurora that breathes up from the bottom of the screen and swells as you speak. A single Skia fragment shader renders an organic, cloud-like blob whose height, saturation and turbulence follow live microphone loudness, with fast-attack/slow-release smoothing. Use it behind voice assistants, audio recorders, or listening-state UI. https://storage.googleapis.com/motioned-staging/animations/previews/bb2b04b9-78c9-485f-afe9-a7087f4b9807.mp4 2026-06-15T13:10:12.601Z yes 2026-08-16T08:54:45.010Z weekly 0.8 https://motionary.dev/animations/arc-carousel Arc Carousel https://storage.googleapis.com/motioned-staging/animations/thumbnails/346459eb-2f91-4c82-933d-fb219c30305f.png A horizontal carousel that glides its items along a circular arc as you scroll, scaling up the centered item while its neighbors shrink, fade, and blur. It snaps to each item with selection haptics and drives a synced detail card. Drop it into ride pickers, category selectors, or product showcases. https://storage.googleapis.com/motioned-staging/animations/previews/9cbbb278-f0c3-4311-8a12-327c086c119d.mp4 2026-06-15T13:09:52.408Z yes 2026-08-16T08:54:43.998Z weekly 0.8 https://motionary.dev/animations/long-press-menu Long-Press Menu https://storage.googleapis.com/motioned-staging/animations/thumbnails/7522290e-19aa-4a81-858c-39385b6f840b.png A long-press context menu on a send button, recreating ChatGPT's interaction: hold the button and drag up to reveal a floating menu. Slide between Instant, Thinking, and Extended speeds, with the active option tracking your finger over a blur backdrop on the keyboard. Drop it into any chat or messaging input bar. https://storage.googleapis.com/motioned-staging/animations/previews/c68cf322-a347-4742-9552-2abfae27cc79.mp4 2026-06-15T13:09:22.321Z yes 2026-08-16T08:54:43.375Z weekly 0.8 https://motionary.dev/animations/live-camera-button Live Camera Button https://storage.googleapis.com/motioned-staging/animations/thumbnails/b27e55ae-ca3d-4686-9f36-eb1fde9176c0.png A pill-shaped button whose surface is the blurred front camera feed, set behind a frosted glass overlay 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. https://storage.googleapis.com/motioned-staging/animations/previews/db924c3e-e1c9-456b-9e58-2e7d6e439f99.mp4 2026-06-15T13:09:03.554Z yes 2026-08-16T08:54:42.859Z weekly 0.8 https://motionary.dev/animations/karaoke-lyrics Karaoke Lyrics https://storage.googleapis.com/motioned-staging/animations/thumbnails/a91a87c2-773f-4813-8244-bedb77f08287.png An Apple Music-style synced lyrics view with a word-by-word highlight sweep and an auto-scrolling sheet. Lines cascade in one by one with a staggered spring under 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. https://storage.googleapis.com/motioned-staging/animations/previews/67dc65ab-d6bf-40c1-ab95-9963825502f1.mp4 2026-06-15T13:08:51.307Z yes 2026-08-16T08:54:42.380Z weekly 0.8 https://motionary.dev/animations/mini-player-sheet Mini-Player Sheet https://storage.googleapis.com/motioned-staging/animations/thumbnails/e71ba887-a1b7-4d4d-93c1-a51ba3727e54.png An Apple Music-style bottom sheet 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 screen. https://storage.googleapis.com/motioned-staging/animations/previews/a5881db8-8ae1-4906-8755-894f1cc580cc.mp4 2026-06-15T13:08:18.254Z yes 2026-08-16T08:54:41.216Z weekly 0.8 https://motionary.dev/animations/mail-tab-bar Mail Tab Bar https://storage.googleapis.com/motioned-staging/animations/thumbnails/bd4c5f88-622e-45ac-960f-bd8e0b9748c5.png An animated tab bar with pill-shaped tabs inspired by Apple Mail, where tapping one smoothly expands it and slides in a label. The background animates from gray to a brand color and the icon crossfades as the tab opens. Great as a segmented filter bar or category switcher in any RN/Expo app. https://storage.googleapis.com/motioned-staging/animations/previews/5569c209-7109-4eb8-b441-c92109c6ee54.mp4 2026-06-15T13:07:38.193Z yes 2026-08-16T08:54:40.407Z weekly 0.8 https://motionary.dev/animations/otp-code-input OTP Code Input https://storage.googleapis.com/motioned-staging/animations/thumbnails/899abd7c-a340-4a47-9279-ea4ed8b1be7b.png A six-cell OTP input for verification codes, with a sliding focus indicator and digits that rise and fade in as you type. Invalid input triggers a wiggle and a red flash, and a shimmering wave runs while the code verifies. Drop it into any auth, 2FA, or phone-confirmation flow. https://storage.googleapis.com/motioned-staging/animations/previews/8a0491b3-f7b3-4877-99e4-5e254df27f9d.mp4 2026-06-15T13:07:30.147Z yes 2026-08-16T08:54:39.797Z weekly 0.8 https://motionary.dev/animations/border-beam-card Border Beam Card https://storage.googleapis.com/motioned-staging/animations/thumbnails/d0361d27-e58e-4b85-a038-53c18752ee5a.png 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 or upgrade banners, focus prompts, and AI thinking states. https://storage.googleapis.com/motioned-staging/animations/previews/4b429d3b-b435-4198-84bd-cc7a57ba37b6.mp4 2026-06-15T13:07:18.341Z yes 2026-08-16T08:54:39.150Z weekly 0.8 https://motionary.dev/animations/gyro-parallax-card Gyro Parallax Card https://storage.googleapis.com/motioned-staging/animations/thumbnails/41713790-bd81-4686-9158-4f6c0a929c2c.png A 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. https://storage.googleapis.com/motioned-staging/animations/previews/be91cdbe-8e4b-42dd-9d84-d6faa269506a.mp4 2026-06-15T13:07:07.679Z yes 2026-08-16T08:54:38.611Z weekly 0.8 https://motionary.dev/animations/copy-card-field Copy Card Field https://storage.googleapis.com/motioned-staging/animations/thumbnails/d373f2b2-17b3-4729-94e4-839aaeac2727.png An animated credit card number input field that reveals its masked digits with a shimmering gradient sweep when tapped. A square progress ring runs around the action button, and the icon morphs between eye, copy, and checkmark states. Drop it into payment, wallet, or banking screens that need a delightful reveal-and-copy interaction. https://storage.googleapis.com/motioned-staging/animations/previews/d4aa333b-c63d-4c97-920d-95e67968c2c8.mp4 2026-06-15T13:04:57.341Z yes 2026-08-16T08:54:37.865Z weekly 0.8 https://motionary.dev/animations/scrubbable-chart Scrubbable Chart https://storage.googleapis.com/motioned-staging/animations/thumbnails/aa979ac6-8fbd-4950-926b-6f8fe7318c1b.png A 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. https://storage.googleapis.com/motioned-staging/animations/previews/538046f6-a806-45a5-a282-52c6d365da52.mp4 2026-06-15T09:28:26.898Z yes 2026-08-16T08:54:37.029Z weekly 0.8 https://motionary.dev/builds/crypto-wallet Crypto Wallet https://storage.googleapis.com/motioned-staging/builds/thumbnails/763a14e9-e47d-479c-b569-f14abbed27b0.png Three screens inspired by Robinhood's crypto tab, rebuilt from scratch in React Native: a discover page, a token page with a Skia chart you can drag a finger across to read prices off, and a swap screen whose amount is a run of individually sprung Skia glyphs over a canvas that paints wherever you touch. Digits roll in and out odometer-style, commas duck under the line and surface again, and every number that moves is driven from the UI thread, so a scrubbing finger never crosses onto the JS thread. https://storage.googleapis.com/motioned-staging/builds/previews/2aaa5ff3-10c7-4f97-abc6-7c8bbb5c89b2.mp4 2026-08-02T07:45:39.327Z yes 2026-08-03T18:49:21.021Z weekly 0.8 https://motionary.dev/blog/react-native-ai-loading-animation 2026-08-16T00:00:00.000Z yearly 0.6 https://motionary.dev/blog/react-native-electric-border 2026-08-16T00:00:00.000Z yearly 0.6 https://motionary.dev/blog/best-ai-for-react-native-chatgpt-vs-claude-vs-kimi 2026-08-07T00:00:00.000Z yearly 0.6 https://motionary.dev/components/action-sheet 2026-08-15T00:00:00.000Z monthly 0.8 https://motionary.dev/components/number-input 2026-08-15T00:00:00.000Z monthly 0.8 https://motionary.dev/components/otp-input 2026-08-15T00:00:00.000Z monthly 0.8 https://motionary.dev/components/radio-button 2026-08-15T00:00:00.000Z monthly 0.8 https://motionary.dev/components/stopwatch 2026-08-15T00:00:00.000Z monthly 0.8 https://motionary.dev/components/switch 2026-08-15T00:00:00.000Z monthly 0.8