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
Airtime
Chat room and coachmark for slides
Waze
Timeline for best times to leave based on traffic
Mimo
Interactions in a course: drag and drop, reorder
Mimo
Taking feedback after a course
Pinterest
Loading state uses inputs you've made in the previous step
Calzy
3D touch options on the bottom menu
Neverthink
Saving video, bottom sheet for removing and sharing
Tumblr
Microinteraction for sending a post as a message
Non
Start meditation session. Gives vibration feedback
Cone
Select multiple colors and delete
Kitchen Stories
Create a new cook book
Timepage
Coach marks after clicking on a calendar date
Gboard
Icon animation for switching camera
Behance
Microinteraction that makes the ribbons sway as you scroll between them
Memrise
First learning experience
Waze
Start navigation by searching for a place
Kitchen Stories
Transition from home screen to recipe detail screen
Cone
Capturing color from an image in camera roll
MasterClass
Instructors tab has a free scroll in a 2D space
Design+Code
Transition when you open item. Item detail page
Calm
Asking for feedback if you quit session
Design+Code
Home page and parallax scrolling interactions
Tinycards
When you finish one lesson in a deck, it unlocks the next one
Tik Tok
If you hit close before completing, a prompt takes you to tutorials
Tik Tok
Comments bottom sheet
Timepage
Left menu, navigating by month
Pacemaker
Pulsating plus icon to get you to create a mix
Crunchbase
Top level navigation
Google Tasks
Rearranging items by dragging and dropping
Mimo
Adding and switching between goals
MustApp
Apply filters to list
Timepage
Coach mark for swiping right
Behance
WIP circles on top. Stories format, with swipe to go between stories
Duolingo
You can tap the country flag on top to add more languages and switch between them
Tumblr
Heart microinteraction for liking and disliking
Universe
Adding a URL block to your site
Cone
Freese frame to capture colors accurately
Duolingo
Achievement leveled up modal
Kitchen Stories
Saving recipe to cookbook
Timepage
Pick favourite color to personalize the app
Universe
Adding GIFs via Giphy
Wikipedia
Changing app theme, text size and contrast
Behance
Pressing the like button on a project
Design+Code
Offline downloads
Flipboard
Bottom sheets for performing actions on items and for fine tuning home feed
Design+Code
More tab. Changing to dark mode
Tik Tok
Some facefilters are applied by default
YouTube Gaming
The dominant color from game artwork gets picked for the app bar
Duolingo
You have 5 lives. When you run out you can wait, practice, or refill by spending crystals
Pinterest
Add a pin to a board, and creating a board
Duolingo
First lesson complete. It shows your learning minutes and asks you to create a profile
Kitchen Stories
Filtering by category, diet, cuisine and more
Kitchen Stories
Adding a recipe's ingredients to shopping list
Yarn
Coach mark at the bottom to swipe up to navigate
Flipboard
Home screen. Swiping up to flip between items
Duolingo
It quizzes you with audio and visual questions to make you understand and to increase recall
Gboard
Swiping to switch filters
Timepage
Swiping between day detail pages
Cone
Changing white balance to adjust for lighting
Pacemaker
Change mix name
Tingles
Save video. Tapping save gives vibration feedback
Google Primer
Drag and drop self evaluation test
WeTransfer
Scanning documents and setting page edges
MustApp
Show detail page, coach mark for marking episode as watched
Calzy
Drag and drop to save result to memory
Waze
Onboarding slides with scroll animations
Tik Tok
Follow users, and send DMs
Ada
Core flow. It asks you questions about symptoms to determine your condition
Pacemaker
Save track to spotify
Timepage
Clock on the bottom right
Timepage
Coach mark for swiping left
Swarm by Foursquare
Home tab with pull to refresh microinteraction
Pinterest
Login with email. Shows common email providers to quickly make an input
Universe
Applying themes to your website
Flipboard
Adding a new interest to homepage. It also asks for sub interests using a bottom sheet
Speedtest
Run test
Headspace
Downloading animation
Calzy
Switching to scientific mode
Pigeon
Homepage and map interactions
Design+Code
Bookmark tab empty state. Bookmarking specific sections to access later
Tik Tok
Modifying face filters
Flipboard
Loading state with descriptive messages in the bottom left as it initializes the home page
Timepage
Change app icon
Non
Starting a new session
Tik Tok
Bottom sheet to share to Instagram as story or post
Lake Coloring
Coach mark for color wheel selection
Tingles
ASMR video screen, tap to save
Citymapper
Siri voice commands
Tumblr
Follow microinteraction
Tik Tok
Coach mark for uploading first video, media permissions
Neverthink
Bottom sheet for channel info
Pacemaker
In app purchase to buy track effects
Dog Generator
Tap to see more, tap camera to save
Pacemaker
Indicator on homescreen to show currently playing mix
Wikipedia
Using the sidebar to navigate, bookmarking articles
Hooked
There's a limitation on how much you can read without a subscription
Gboard
Coach mark suggestions for sending gifs
Timepage
Press and hold on weather, swipe interactions to explore more
WAV
Gifting stickers and gifs to livestreamer
Lake Coloring
Coach mark for how to color