UI Design Interactions

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
Transition from home screen to recipe detail screen
MasterClass
Instructors tab has a free scroll in a 2D space
Cake Browser
Saving or bookmarking a page
Timepage
Coach mark for swiping right
Ada
Core flow. It asks you questions about symptoms to determine your condition
Cone
Capturing colors using camera
Wilson.fm
Swipe right to see magazines, tap to see details
Timepage
Pick favourite color to personalize the app
Tik Tok
Splash screen, notifications permissions and coachmark to swipe up
Gboard
Icon animation for switching camera
WAV
Gifting stickers and gifs to livestreamer
Wikipedia
Changing app theme, text size and contrast
Pinterest
Loading state uses inputs you've made in the previous step
Duolingo
You have 5 lives. When you run out you can wait, practice, or refill by spending crystals
Flipboard
Bottom sheets for performing actions on items and for fine tuning home feed
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
Swiping between day detail pages
Pacemaker
Pulsating plus icon to get you to create a mix
Tik Tok
Comments bottom sheet
Pacemaker
Scrolling and seeking in a mixtape
Behance
Pressing the like button on a project
Timepage
What's new
Kitchen Stories
Filtering by category, diet, cuisine and more
Cone
Changing white balance to adjust for lighting
Design+Code
More tab. Changing to dark mode
Flipboard
Loading state with descriptive messages in the bottom left as it initializes the home page
Design+Code
Transition when you open item. Item detail page
Cone
Select multiple colors and delete
Pacemaker
Fine tuning transitions, pop up for out of sessions
Duolingo
It quizzes you with audio and visual questions to make you understand and to increase recall
Wikipedia
Using the sidebar to navigate, bookmarking articles
Pacemaker
Indicator on homescreen to show currently playing mix
Cone
Capturing color from an image in camera roll
Cone
Freese frame to capture colors accurately
Kitchen Stories
Adding a recipe's ingredients to shopping list
Behance
Adding reactions to WIP stories
Gboard
Swiping to switch filters
Mimo
Interactions in a course: drag and drop, reorder
Pinterest
Long press any pin to bring up options. Save, Send, Hide and More
Tinycards
When you finish one lesson in a deck, it unlocks the next one
Wikipedia
Changing article language
MasterClass
Home page to article transition
Duolingo
Bottom sheet for wrong answer
Design+Code
Offline downloads
Pinterest
Add a pin to a board, and creating a board
Tingles
ASMR video screen, tap to save
Dog Generator
Tap to see more, tap camera to save
WAV
Vertical page swiping on home tab
Timepage
Coach marks after clicking on a calendar date
Mimo
Swipable cards in explore tab
Mimo
Adding and switching between goals
Speedtest
Share test results as image
Duolingo
First lesson complete. It shows your learning minutes and asks you to create a profile
Tik Tok
Some facefilters are applied by default
Mimo
Taking feedback after a course
Timepage
Clock on the bottom right
Google Tasks
Rearranging items by dragging and dropping
Tik Tok
Pick music to start recording
Pacemaker
Change mix name
Timepage
Left menu, navigating by month
Headspace
Downloading animation
Tik Tok
Bottom sheet to share to Instagram as story or post
Pinterest
Login with email. Shows common email providers to quickly make an input
Duolingo
Achievement leveled up modal
Timepage
Press and hold on weather, swipe interactions to explore more
Pacemaker
Save track to spotify
Neverthink
Saving video, bottom sheet for removing and sharing
Flipboard
Adding a new interest to homepage. It also asks for sub interests using a bottom sheet
Design+Code
Bookmark tab empty state. Bookmarking specific sections to access later
Flipboard
Home screen. Swiping up to flip between items
Ada
When you return to the app, it asks you follow up questions about your previous assessment
Kitchen Stories
About page. Photos of their team, treat the team to a meal via in app purchase
YouTube Gaming
The dominant color from game artwork gets picked for the app bar
Tik Tok
Modifying face filters
Flipboard
It prompts for login when you try to add a new interest on your homepage
Kitchen Stories
Saving recipe to cookbook
Pacemaker
Adding more tracks to mixtape
Tingles
Save video. Tapping save gives vibration feedback
Mimo
Daily streak touchpoint on homepage
Design+Code
Home page and parallax scrolling interactions
Speedtest
Run test
Kitchen Stories
Create a new cook book
Timepage
Change app icon
Pacemaker
In app purchase to buy track effects
Hooked
There's a limitation on how much you can read without a subscription
Google Tasks
Empty state. Bottom sheet for sorting and for menu
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
Tik Tok
Rotating music indicator on the botton right
Crunchbase
Top level navigation
Tik Tok
Follow users, and send DMs
Timepage
Coach mark for swiping left
Neverthink
Bottom sheet for channel info
Duolingo
You can tap the country flag on top to add more languages and switch between them
Timepage
Pull down on day page to create an event
Timepage
Smart alerts
Pacemaker
Changing track effects
Tik Tok
Coach mark for uploading first video, media permissions
Flipboard
Liking an article and adding it to a magazine
Gboard
Coach mark suggestions for sending gifs