Microinteractions

Whether you’re a UI/UX designer, product manager or mobile entrepreneur, there’s something here for you. New apps added every week, sign up to receive straight to your inbox.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
All Patterns
Kitchen Stories
Create a new cook book
Kitchen Stories
Transition from home screen to recipe detail screen
Flipboard
Home screen. Swiping up to flip between items
YouTube Gaming
The dominant color from game artwork gets picked for the app bar
Duolingo
First lesson complete. It shows your learning minutes and asks you to create a profile
Design+Code
Offline downloads
Flipboard
Loading state with descriptive messages in the bottom left as it initializes the home page
Wikipedia
Changing app theme, text size and contrast
Kitchen Stories
Adding a recipe's ingredients to shopping list
Rally Rd.
Swipe to browse cars
Calzy
Switching to scientific mode
Pinterest
Loading state uses inputs you've made in the previous step
Neverthink
Saving video, bottom sheet for removing and sharing
Cone
Changing white balance to adjust for lighting
Calzy
Drag and drop to save result to memory
Flipboard
Bottom sheets for performing actions on items and for fine tuning home feed
MasterClass
Home page to article transition
Mimo
Adding and switching between goals
Tik Tok
Rotating music indicator on the bottom right
Timepage
Coach marks after clicking on a calendar date
Cone
Capturing color from an image in camera roll
Waze
Onboarding slides with scroll animations
Mimo
Swipable cards in explore tab
Tumblr
Microinteraction for sending a post as a message
Yarn
First time experience takes you to a story
Waze
Start navigation by searching for a place
Timepage
Press and hold on weather, swipe interactions to explore more
Speedtest
Share test results as image
Behance
Microinteraction that makes the ribbons sway as you scroll between them
Mimo
Taking feedback after a course
Timepage
Coach mark for swiping left
Pinterest
Add a pin to a board, and creating a board
MasterClass
Instructors tab has a free scroll in a 2D space
Google Tasks
Empty state. Bottom sheet for sorting and for menu
Pacemaker
Pulsating plus icon to get you to create a mix
imwith Messenger
Chatting with friends
Timepage
Pull down on day page to create an event
Google Tasks
Rearranging items by dragging and dropping
Wikipedia
Changing article language
Google Primer
Yes or no quiz
Cone
Select multiple colors and delete
Universe
Adding GIFs via Giphy
Behance
Adding reactions to WIP stories
Headspace
Downloading animation
WAV
Vertical page swiping on home tab
WeTransfer
Scanning documents and setting page edges
Waze
Timeline for best times to leave based on traffic
Tik Tok
Coach mark for uploading first video, media permissions
Flipboard
Adding a new interest to homepage. It also asks for sub interests using a bottom sheet
Flipboard
Liking an article and adding it to a magazine
Calzy
Spelling out numbers
Pacemaker
In app purchase to buy track effects
Lake Coloring
Coach mark for how to color
Timepage
Smart alerts
Pinterest
Login with email. Shows common email providers to quickly make an input
Neverthink
Bottom sheet for channel info
Mimo
Interactions in a course: drag and drop, reorder
Pacemaker
Indicator on homescreen to show currently playing mix
Pinterest
When you tap on a pin it expands to fill up the page. The primary action on this page is to Save pin
Google Primer
Drag and drop self evaluation test
MustApp
Mark movie as watched and leave review
Pacemaker
Changing track effects
Universe
Adding a URL block to your site
Tik Tok
Follow users, and send DMs
Flipboard
It prompts for login when you try to add a new interest on your homepage
WeTransfer
Bottom tooltip for enabling share extension
Behance
WIP circles on top. Stories format, with swipe to go between stories
Tik Tok
If you hit close before completing, a prompt takes you to tutorials
Ada
When you return to the app, it asks you follow up questions about your previous assessment
WeTransfer
Pasting text from clipboard
Lake Coloring
Coach mark for color wheel selection
Airtime
Chat room and coachmark for slides
Design+Code
Bookmark tab empty state. Bookmarking specific sections to access later
Tik Tok
Some facefilters are applied by default
Duolingo
You can tap the country flag on top to add more languages and switch between them
Crunchbase
Top level navigation
imwith Messenger
Afer inviting, it shows a waiting state on home screen
Kitchen Stories
Filtering by category, diet, cuisine and more
Tingles
Save video. Tapping save gives vibration feedback
Pacemaker
Change mix name
Pinterest
Long press any pin to bring up options. Save, Send, Hide and More
WeTransfer
Adding items
Timepage
What's new
Hooked
There's a limitation on how much you can read without a subscription
Tik Tok
Bottom sheet to share to Instagram as story or post
Google Primer
Swipe up to navigate course cards
Cone
Freese frame to capture colors accurately
Dog Generator
Tap to see more, tap camera to save
Mimo
Daily streak touchpoint on homepage
Gboard
Icon animation for switching camera
MustApp
Show detail page, coach mark for marking episode as watched
Design+Code
Transition when you open item. Item detail page
Memrise
First learning experience
Ada
Core flow. It asks you questions about symptoms to determine your condition
Tumblr
Long press microinteraction for reblogging
Cone
Capturing colors using camera
Shine
Home page loading state
Calzy
3D touch options on the bottom menu
Duolingo
You have 5 lives. When you run out you can wait, practice, or refill by spending crystals
Wikipedia
Using the sidebar to navigate, bookmarking articles