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
Design+Code
Bookmark tab empty state. Bookmarking specific sections to access later
Tik Tok
Some facefilters are applied by default
Rally Rd.
Swipe to browse cars
Kitchen Stories
Saving recipe to cookbook
MustApp
Mark movie as watched and leave review
Waze
Timeline for best times to leave based on traffic
Calzy
Spelling out numbers
Guides by Lonely Planet
Search and download guides
Tik Tok
Bottom sheet to share to Instagram as story or post
Ada
Core flow. It asks you questions about symptoms to determine your condition
Pacemaker
Changing track effects
Behance
Adding reactions to WIP stories
Crunchbase
Top level navigation
Tik Tok
Modifying face filters
Tik Tok
Comments bottom sheet
WAV
Gifting stickers and gifs to livestreamer
Ada
When you return to the app, it asks you follow up questions about your previous assessment
Neverthink
Saving video, bottom sheet for removing and sharing
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
Coach mark for uploading first video, media permissions
Timepage
Pick favourite color to personalize the app
Citymapper
Siri voice commands
Timepage
Coach marks after clicking on a calendar date
Tumblr
Long press microinteraction for reblogging
Wikipedia
Using the sidebar to navigate, bookmarking articles
Tik Tok
Pick music to start recording
Tumblr
Microinteraction for sending a post as a message
MustApp
Show detail page, coach mark for marking episode as watched
WeTransfer
Pasting text from clipboard
Flipboard
Liking an article and adding it to a magazine
Flipboard
Loading state with descriptive messages in the bottom left as it initializes the home page
Universe
Adding a URL block to your site
Duolingo
Bottom sheet for wrong answer
Lake Coloring
Coach mark for color wheel selection
Google Primer
Course complete
Duolingo
You can tap the country flag on top to add more languages and switch between them
Universe
Adding GIFs via Giphy
Pinterest
Add a pin to a board, and creating a board
Lake Coloring
One a day page with loading indicator
Kitchen Stories
Adding a recipe's ingredients to shopping list
Mimo
Adding and switching between goals
Timepage
Left menu, navigating by month
Design+Code
More tab. Changing to dark mode
Calzy
Drag and drop to save result to memory
Pacemaker
Pulsating plus icon to get you to create a mix
Gboard
Swiping to switch filters
Duolingo
First lesson complete. It shows your learning minutes and asks you to create a profile
Mimo
Interactions in a course: drag and drop, reorder
Hooked
There's a limitation on how much you can read without a subscription
Google Primer
Swipe up to navigate course cards
MasterClass
Instructors tab has a free scroll in a 2D space
Google Primer
Yes or no quiz
Calzy
3D touch options on the bottom menu
Pacemaker
Indicator on homescreen to show currently playing mix
Tik Tok
Splash screen, notifications permissions and coachmark to swipe up
Pacemaker
Scrolling and seeking in a mixtape
Calm
Asking for feedback if you quit session
Pinterest
Loading state uses inputs you've made in the previous step
Cone
Capturing colors using camera
Pinterest
When you tap on a pin it expands to fill up the page. The primary action on this page is to Save pin
Timepage
Coach mark for swiping right
Timepage
Smart alerts
Memrise
Daily goal completed
Duolingo
Achievement leveled up modal
Calzy
Switching to scientific mode
Duolingo
You have 5 lives. When you run out you can wait, practice, or refill by spending crystals
Cake Browser
Saving or bookmarking a page
Swarm by Foursquare
Home tab with pull to refresh microinteraction
Pigeon
Homepage and map interactions
Yarn
First time experience takes you to a story
Tik Tok
Rotating music indicator on the bottom right
Behance
WIP circles on top. Stories format, with swipe to go between stories
Shine
Home page loading state
Google Primer
Drag and drop self evaluation test
Wikipedia
Changing app theme, text size and contrast
MustApp
Apply filters to list
WeTransfer
Adding items
Anchor
Podcast player screen. Clapping microinteraction
Flipboard
Bottom sheets for performing actions on items and for fine tuning home feed
Waze
Send report
Pacemaker
Change mix name
Airtime
Chat room and coachmark for slides
Lake Coloring
Coach mark for how to color
Timepage
Press and hold on weather, swipe interactions to explore more
Kitchen Stories
Transition from home screen to recipe detail screen
Cone
Freese frame to capture colors accurately
Cone
Select multiple colors and delete
Kitchen Stories
About page. Photos of their team, treat the team to a meal via in app purchase
Mimo
Daily streak touchpoint on homepage
Timepage
Clock on the bottom right
Pacemaker
Fine tuning transitions, pop up for out of sessions
Headspace
Downloading animation
Tumblr
Heart microinteraction for liking and disliking
Behance
Pressing the like button on a project
Guides by Lonely Planet
Bookmarking places, accessing bookmarks
Kitchen Stories
Create a new cook book
Memrise
First learning experience
Non
Starting a new session
Design+Code
Transition when you open item. Item detail page