Memorables

UI Animation

UI animation from real products: transitions, loading states, gestures and navigation in motion.

UI animation is the motion inside an interface: how screens change, how elements appear and disappear, and how a product responds to a tap, a swipe or a voice. Good UI animation explains what just happened and where things went, and it always feels fast. Here you will find transitions, loading and empty states, gestures and navigation from real apps, websites and prototypes, made in Framer, SwiftUI, Rive and code, by product designers such as Andrey Rybin and Benji Taylor.

66 works by 51 creators, newest added 11 November 2026. Each is credited to the people who made it and links to the original.

All 66 UI Animation

  1. Distortion Waves by Jakub Antalik — A screen transition for SwiftUI that turns a payment confirmation into a moment: the screen leans toward the tapped button, then a wave of colour carries it into the receipt.
  2. Agentation Layout Mode by Benji Taylor — Layout Mode for Agentation, a creative tool for wireframing directly on the page: move, resize and add components, and the changes become structured design feedback for a coding agent.
  3. Iconly Animated Icons by Ali Pesaraklou — Icon animation for Iconly Pro, the line icon library of Piqo Studio, where each icon gets its own small gesture, a bell that rings, hands that clap, a face that winks, in a short loop.
  4. AI Day Planner by Noman Ijaz — A mobile UI prototype of an AI day planner that turns a sheet of suggested tasks into a scheduled day in one sweep of colour, with an Undo plan button to take it all back.
  5. Imagine Comments by Andrey Rybin — An iOS micro-interaction prototype for comments, where a long-press offers Imagine and turns each reply into pictures, built with AI from a description of how it should feel.
  6. Cashback Screen by Maksym Kunytsia — A fintech cashback screen exploration for iOS that turns the balance into an object: a brushed silver 3D coin spinning on its edge above the figure, the rest of the UI kept bare.
  7. Scheduled Task by Szymon Pawlik — The breakdown of a SaaS launch film for Scheduled Task, where a Morning brief card rewrites its serif summary each day, its 1,400-plus layers laid open with the guides showing.
  8. Animated UI Controls by Gustavo Rodrigues — Animated UI controls for forms, a radio button, a checkbox and a toggle that each answer a click with their own motion, as the camera glides from one to the next like a product film.
  9. Film Develop Upload by Yanis Lebzar — A file upload interaction for a personal CMS, built with motion.dev and Three.js shaders, where a dropped cover photo develops from black and white into colour like a film print.
  10. Genie Minimise by Raphael Salaja — The macOS Genie minimise effect rebuilt for the web with Base UI components, where a window bends into a funnel and pours into the dock, and a debug view slices it into strips.
  11. glimm Spreadsheet Transition by Noman Ijaz — A shader transition from glimm, the React and Next.js library, where a single WebGL band of blurred light sweeps up an empty spreadsheet and leaves it filled with AI-generated deals.
  12. Hold to Delete by Keshav Bagaade — A hold to delete button for account deletion that makes the moment literally hot, the page catching fire from the button and burning through to a screen saying the account is gone.
  13. Nav Experiment 2.0 by Abhishek Bariya — A mobile navigation experiment where a round corner button fans out its menu along the curve of the phone screen, then folds back into the chosen icon and retints the screen.
  14. Angelo Portfolio Assistant by Angelo — A portfolio website with an AI chat assistant that talks about each case study, opening on DeFi Renaissance and changing its greeting as the visitor moves on to the next project.
  15. Moving Mountains by Nico Frey — A terrain editing prototype where dragging handles raises and spreads peaks drawn in yellow contour lines, merging them into one 3D mountain range like a topographic map you sculpt.
  16. Dot Matrix Weather App by BThree — A weather app concept for iPhone where picking a city on the edge of the screen recolours the whole interface to match its sky, the day’s forecast redrawn as a dot-matrix chart.
  17. Infinite Image Canvas by Anoop Chandrashekar — An infinite canvas iOS app for a personal image collection, where pinch and pan replace menus: zoom out to folders, open one, and each photo carries its own description, palette and tags.
  18. Stageshow by Benji Taylor — An agent skill that teaches coding agents to make faux product UI, from feature cards to cursor demos, shown here as a bento grid of switches, sliders and charts all working at once.
  19. Pick Your Vibe by Timeless — A mood picker micro-interaction for a places app, a glowing orb on the map that you drag round to Date, Friends, Work or Solo, turning a filter into a gesture that feels like play.
  20. Weekly Vault Welcome Screen by Satya — A 3D onboarding welcome screen for a mobile app where key tags gather into a gold key: show up for the small stuff each day, and on Monday that key opens the vault.
  21. Weather Scrubber by Praneeth Jonnala — A SwiftUI weather app with Metal shaders and haptics, where dragging a time scrubber repaints the whole screen hour by hour, from afternoon sun to rain on the glass and a lightning storm.
  22. Halloween Ghost by Nicolas Jesenberger — A Halloween drag interaction where you dress a peeking character yourself, pulling a dripping sheet over its head until it comes alive as a ghost that blinks, squints and smiles.
  23. Generative UI by Dmytro Kondakov — A generative UI concept for an AI assistant that builds every answer out of its own particles, so the orb scatters into a flight board, a football scoreline or stock cards.
  24. Wealth App Interaction by Alex Herasov — A fintech mobile UI interaction for a wealth app, where a grainy gradient mountain acts as the brand image, shrinking into the balance card and blurring away when the transfer menu opens.
  25. Finny Gen Z Mobile Bank by Alex Herasov — A Gen Z mobile bank app where money becomes a puffy 3D icon, the dollar sign inflating as a ruler slider raises a savings goal, so saving feels closer to a game than a form.
  26. Banking Mobile App by Alex Herasov — A banking mobile app filmed in hand on an iPhone, where cards swipe like a deck and each screen slides out of the last, from adding a card to contacts and a holiday savings goal.
  27. Radian Touch by Oleksii Besida — Radian, a Chromium browser for the Mac built around Apple’s features, driven by a finger on a MacBook Pro screen, a playful answer to Apple’s line that you’ve gotta touch it to believe it.
  28. Allo x Grok Bot by Buffet Teeravaj — A launch video for Allo x Grok Bot, an AI phone line that answers calls, texts customers and prepares call-backs, starring a small black mascot who puts on a headset to get to work.
  29. Glass Edges Carousel by Marcelo Cedeno — A carousel UI animation with liquid glass edges, where capsule cards bend like liquid as they reach the top and bottom of the screen and refraction smears them into rainbow fringes.
  30. Fold Toolbar by Malay Patel — A toolbar micro-interaction for a drawing tool where tool groups unfold in place instead of opening a menu, then fold back with the chosen shape or pen as the new icon.
  31. Boarding Pass Scanner by Mike Barton — A skeuomorphic drag interaction where a boarding pass is swiped through a scanner of lovely aged plastic, its little screen running from READY through ERROR before letting you in.
  32. Shape-Shifting Controls by Kevin Dukkon — A design system of UI controls that share one DNA, so a checkbox, toggle, stepper, segmented control, slider and chips feel like a single shape changing on the same tokens.
  33. Bubbles & Stories by Andrey Rybin — A mobile UI for a photo-story app, where pictures float as soft-edged bubbles and each one, from flower meadows to a flock of sheep, opens as a story with its own comments.
  34. Siri AI Button by Apple — The Siri AI text field from Apple, a glassy pill whose rainbow rim shifts from warm to cool as it types the assistant’s 2026 launch line, a button that glows as if listening.
  35. Status Bar States by Mobin Amiri — An iOS concept imagining new states for the iPhone status bar and Dynamic Island, where battery, Wi-Fi and signal fold into a single ring gauge while a timer splits off.
  36. MD Vinyl on iPhone Duo by MD Studio — MD Vinyl, a vinyl-style player for Apple Music and Spotify, adapted to the folding iPhone Duo, whose crease turns a 3D shelf of covers into a turntable when half-folded.
  37. Status Icons by Kevin Dukkon — Animated task status icons in which every geometric mark builds into place with a motion of its own, a crescent filling a circle halfway, a hand sweeping round a ring into a check.
  38. Grok Bot in X Chat by Grok Bot — An upsell modal in X Chat that invites people to try Grok Bot, the assistant that automates daily work, carried by a crowd of blob mascots that bounce and pile up.
  39. Tear-off Ticket by Lorenzo Cabra — A drag interaction for a boarding pass UI component, where the seat stub really tears off along its perforation, swinging on the cursor with a ragged edge before the ticket resets.
  40. One Year 2.0 by Sam Peitz — One Year 2.0, the new version of a daily journal app for iPhone, lets you draw a doodle for each day that becomes its icon, shown in motion inside a hand-drawn phone.
  41. Animated Interface Icons by James McDonald — Animated interface icons drawn for a new product UI, 28 rounded line icons that each get a small motion of their own, from the designer who drew Raycast’s icon set.
  42. Timer Widget by Sasha Birukoff — A timer UI component built on a dot matrix, where a round grid of red dots turns a step with each second beside the digits, a tiny clock whose pattern does the counting.
  43. Feedback You Can Pick Up by Alim Joldaspayev — A chat interface micro-interaction for client feedback, where the words of a request are picked up one by one from the message and dropped into the reply as a quote.
  44. Shrinking Scroll Text by Shawn — A scroll animation for reading interfaces, where each paragraph scales down and blurs as it leaves the view, a small detail that makes long text feel lighter to read.
  45. Image Compressor by Gabriel Obholz — An image compressor UI that takes the word literally: the file is fed through a skeuomorphic desktop machine and squeezed like paper in a press before it is ready to download.
  46. Tornado Text Reveal by Özer Gökalpsezer — A kinetic typography text reveal in which letters whirl in a tornado and peel off the funnel into their lines, made for interior.dev, a library of free micro-interactions.
  47. Framer Liquid Glass by Benjamin den Boer — Liquid Glass comes to the Framer editor, its sidebar of menus, tabs and search turned to refracting glass that bulges and fringes with colour under the cursor, then settles.
  48. Stock App Prototype by Andrey Rybin — A fintech prototype built with Play and Rive for a stock app, where one gesture pulls the price chart down into a card to reveal the news behind it, then pushes it back.
  49. Auction App by Andrey Rybin — A mobile UI for an art auction app, split between the seller’s dark flow, where a dial sets the length of the sale, and the bidder’s light feed of ceramics and vintage lots.
  50. CupClub App Design by Nicolas Mariotti — Huge black words wrap around cartoon characters on two floating iPhones: a laughing cup in Latte, a bean in Free Drink, then Kiwi Mochi and Order Bonus.
  51. Crypto Onboarding Wallet App by Andrey Rybin — Onboarding screens for Nova Wallet, a crypto wallet app, set in dark mode with textured 3D icons and headings that slip italic letters among upright ones as they slide in.
  52. Hero Collective 404 Page Variations by Zhenya Rynzhuk — 404 page variations for the Hero Collective website, an Awwwards Site of the Day, where a giant blurred red 404 and a hand-scrawled Go back turn the error page into a poster.
  53. iPhone Duo Transition by Chan Karunamuni — The open and close transition of iPhone Duo, where iOS bends the focal plane rather than the content, so the lock screen stays still and the two displays read as one view.
  54. Visual Agent Thinking by Shridhar Athinarayanan — A chat interface prototype asking why AI agent thinking is not visual, giving each reasoning step its own dithered 3D drawing, from a magnifying glass to the wrapped gift it found.
  55. LookAway Orb by Kushagra Agarwal — A liquid glass UI animation for LookAway, a Mac app for screen breaks and posture, borrowing from the Siri orb and Apple Music’s ripples to rise from the dock as a soft bubble.
  56. Buttons with Feelings by Sasha Balandina — A button micro-interaction that gives every change of state a mood, from Copy to Published, each with its own colour and a tiny kaomoji face, so Like ends in a blushing Liked.
  57. Grok Bot Brand Decks by Benji Taylor — An AI agent in a chat interface that builds brand decks, a Grok Bot given to the whole team at X so anyone can make a great deck in seconds, and never in the wrong font.
  58. Ruler Picker by Nitish Khagwal — A ruler picker slider whose ticks swell under the cursor like a magnifier while the digits on its pin roll to each new value, making a plain number input feel physical.
  59. Splitting Actions by Nitish Khagwal — A button micro-interaction for a payments screen where Pay and Request split into the next choices instead of opening a menu, keeping the decision right under your finger.
  60. A More Personal Siri by Alex Widua — Motion design for a more personal Siri on iPhone at Apple, where answers arrive as cards on the lock screen, the weather or a friend nearby on a map, before a glowing orb takes over.
  61. Framer Stagger by Benjamin den Boer — The launch film for Stagger, a new Appear Effect property in Framer, where a row of website cards rises one after another in a wave, the delay that makes a list feel choreographed.
  62. Dynamic Island Moments by Chan Karunamuni — Dynamic Island animations added to iOS over the year, where Apple’s black pill stretches into a live translation, Shazam, a song and an alarm, each moment growing from one shape.
  63. Grok Bot Characters by Peng Zheng — Character design for the Grok Bot interface, where each persistent AI role gets a face, six simple blobs that blink and glance around so delegating work feels like briefing a team.
  64. Voice Effect for SwiftUI by Jakub Antalik — A voice interface effect for SwiftUI that responds to how something is said, not only what: emotion read on device in the tone and the words tints the glow along the screen’s edge.
  65. Good Air Weather Timeline by Nihal Singh — A weather app timeline interaction for Good Air 2.0 on iOS, where the hours ahead are scrubbed rather than read: a thumb drags the forecast from blue afternoon into red dusk and night.
  66. Framer Custom Fonts by Benjamin den Boer — A UI animation for Framer’s redesigned custom fonts, with typeface grouping, live previews and better variable font support, where a liquid glass lens magnifies each font as it passes.

Featuring work by

Andrey Rybin, Benji Taylor, Alex Herasov, Benjamin den Boer, Jakub Antalik, Noman Ijaz, Kevin Dukkon, Chan Karunamuni, Nitish Khagwal, Ali Pesaraklou, Maksym Kunytsia, Szymon Pawlik, Gustavo Rodrigues, Yanis Lebzar, Raphael Salaja, Keshav Bagaade, Abhishek Bariya, Angelo, Nico Frey, BThree, Anoop Chandrashekar, Timeless, Satya, Praneeth Jonnala, Nicolas Jesenberger, Dmytro Kondakov, Oleksii Besida, Buffet Teeravaj, Marcelo Cedeno, Malay Patel, Mike Barton, Apple, Mobin Amiri, MD Studio, Grok Bot, Lorenzo Cabra, Sam Peitz, James McDonald, Sasha Birukoff, Alim Joldaspayev, Shawn, Gabriel Obholz, Özer Gökalpsezer, Nicolas Mariotti, Zhenya Rynzhuk, Shridhar Athinarayanan, Kushagra Agarwal, Sasha Balandina, Alex Widua, Peng Zheng, Nihal Singh.

Related topics

Browse by category

Topics