Tinder App UI Screens & UX Flows Reference | UXMagic

Libraries

Resources

Follow us on:

Mobile App Templates/ Tinder

Tinder

ios

About me tips from Editing profile

Accepting a double date invitation from Double date

Tinder – Accepting a double date invitation from Double date – Screen 1

Tinder – Accepting a double date invitation from Double date – Screen 2

Tinder – Accepting a double date invitation from Double date – Screen 3

Adding a bio from Setting up an account

Tinder – Adding a bio from Setting up an account – Screen 1

Tinder – Adding a bio from Setting up an account – Screen 2

Tinder – Adding a bio from Setting up an account – Screen 3

Tinder – Adding a bio from Setting up an account – Screen 4

Adding a birth time from Setting up astrology mode

Tinder – Adding a birth time from Setting up astrology mode – Screen 1

Tinder – Adding a birth time from Setting up astrology mode – Screen 2

Adding a birthplace from Setting up astrology mode

Tinder – Adding a birthplace from Setting up astrology mode – Screen 1

Tinder – Adding a birthplace from Setting up astrology mode – Screen 2

Tinder – Adding a birthplace from Setting up astrology mode – Screen 3

Tinder – Adding a birthplace from Setting up astrology mode – Screen 4

Adding a city from Editing profile

Adding a contact to a blocked list from Block contacts

Tinder – Adding a contact to a blocked list from Block contacts – Screen 1

Tinder – Adding a contact to a blocked list from Block contacts – Screen 2

Tinder – Adding a contact to a blocked list from Block contacts – Screen 3

Tinder – Adding a contact to a blocked list from Block contacts – Screen 4

Adding a photo prompt from Editing profile

Adding a preferred language from Settings

Tinder – Adding a preferred language from Settings – Screen 1

Tinder – Adding a preferred language from Settings – Screen 2

Tinder – Adding a preferred language from Settings – Screen 3

Adding an username from Settings

Tinder – Adding an username from Settings – Screen 1

Tinder – Adding an username from Settings – Screen 2

Tinder – Adding an username from Settings – Screen 3

Tinder – Adding an username from Settings – Screen 4

Tinder – Adding an username from Settings – Screen 5

Adding family plans from Editing profile

Adding height from Editing profile

Astrology from Swipe

Tinder – Astrology from Swipe – Screen 1

Tinder – Astrology from Swipe – Screen 2

Tinder – Astrology from Swipe – Screen 3

Block contacts from Settings

Tinder – Block contacts from Settings – Screen 1

Tinder – Block contacts from Settings – Screen 2

Tinder – Block contacts from Settings – Screen 3

Tinder – Block contacts from Settings – Screen 4

Tinder – Block contacts from Settings – Screen 5

Blocking a contact from Block contacts

Tinder – Blocking a contact from Block contacts – Screen 1

Tinder – Blocking a contact from Block contacts – Screen 2

Tinder – Blocking a contact from Block contacts – Screen 3

Blocking a profile from User profile

Boost from People who liked you

Tinder – Boost from People who liked you – Screen 1

Tinder – Boost from People who liked you – Screen 2

Tinder – Boost from People who liked you – Screen 3

Tinder – Boost from People who liked you – Screen 4

Boosting my profile from Boost

Browsing tutorial from Setting up an account

Tinder – Browsing tutorial from Setting up an account – Screen 1

Tinder – Browsing tutorial from Setting up an account – Screen 2

Tinder – Browsing tutorial from Setting up an account – Screen 3

Tinder – Browsing tutorial from Setting up an account – Screen 4

Tinder – Browsing tutorial from Setting up an account – Screen 5

Tinder – Browsing tutorial from Setting up an account – Screen 6

Tinder – Browsing tutorial from Setting up an account – Screen 7

Changing a location from Filtering user

Tinder – Changing a location from Filtering user – Screen 1

Tinder – Changing a location from Filtering user – Screen 2

Tinder – Changing a location from Filtering user – Screen 3

Tinder – Changing a location from Filtering user – Screen 4

Tinder – Changing a location from Filtering user – Screen 5

Tinder – Changing a location from Filtering user – Screen 6

Tinder – Changing a location from Filtering user – Screen 7

Tinder – Changing a location from Filtering user – Screen 8

Changing an app icon from Settings

Tinder – Changing an app icon from Settings – Screen 1

Tinder – Changing an app icon from Settings – Screen 2

Tinder – Changing an app icon from Settings – Screen 3

Changing double date settings from Invite friends to double date

Tinder – Changing double date settings from Invite friends to double date – Screen 1

Tinder – Changing double date settings from Invite friends to double date – Screen 2

Tinder – Changing double date settings from Invite friends to double date – Screen 3

Chat from Download flow

Tinder – Chat from Download flow – Screen 1

Tinder – Chat from Download flow – Screen 2

Tinder – Chat from Download flow – Screen 3

Tinder – Chat from Download flow – Screen 4

Tinder – Chat from Download flow – Screen 5

Tinder – Chat from Download flow – Screen 6

Tinder – Chat from Download flow – Screen 7

Tinder – Chat from Download flow – Screen 8

Choosing an anthem from Editing profile

Claim a free boost offer from Profile

Completing a prompt from Setting up an account

Tinder – Completing a prompt from Setting up an account – Screen 1

Tinder – Completing a prompt from Setting up an account – Screen 2

Tinder – Completing a prompt from Setting up an account – Screen 3

Tinder – Completing a prompt from Setting up an account – Screen 4

Tinder – Completing a prompt from Setting up an account – Screen 5

Completing a quiz from Editing profile

Completing a quiz safety center from Guide

Tinder – Completing a quiz safety center from Guide – Screen 1

Tinder – Completing a quiz safety center from Guide – Screen 2

Tinder – Completing a quiz safety center from Guide – Screen 3

Tinder – Completing a quiz safety center from Guide – Screen 4

Tinder – Completing a quiz safety center from Guide – Screen 5

Tinder – Completing a quiz safety center from Guide – Screen 6

Tinder – Completing a quiz safety center from Guide – Screen 7

Tinder – Completing a quiz safety center from Guide – Screen 8

Connecting to Spotify from Editing profile

Deleting a photo from Editing profile

Deleting an account from Settings

Tinder – Deleting an account from Settings – Screen 1

Tinder – Deleting an account from Settings – Screen 2

Tinder – Deleting an account from Settings – Screen 3

Tinder – Deleting an account from Settings – Screen 4

Disabling friends in common from Enabling friends in common

Tinder – Disabling friends in common from Enabling friends in common – Screen 1

Tinder – Disabling friends in common from Enabling friends in common – Screen 2

Tinder – Disabling friends in common from Enabling friends in common – Screen 3

Tinder – Disabling friends in common from Enabling friends in common – Screen 4

Double date from Swipe

Tinder – Double date from Swipe – Screen 1

Tinder – Double date from Swipe – Screen 2

Tinder – Double date from Swipe – Screen 3

Tinder – Double date from Swipe – Screen 4

Tinder – Double date from Swipe – Screen 5

Tinder – Double date from Swipe – Screen 6

Double date profile from Double date

Dynamic Island from Download flow

Tinder – Dynamic Island from Download flow – Screen 1

Tinder – Dynamic Island from Download flow – Screen 2

Editing dating preferences from Serious daters

Tinder – Editing dating preferences from Serious daters – Screen 1

Tinder – Editing dating preferences from Serious daters – Screen 2

Tinder – Editing dating preferences from Serious daters – Screen 3

Tinder – Editing dating preferences from Serious daters – Screen 4

Editing profile from Profile

Enabling friends in common from Settings

Tinder – Enabling friends in common from Settings – Screen 1

Tinder – Enabling friends in common from Settings – Screen 2

Tinder – Enabling friends in common from Settings – Screen 3

Tinder – Enabling friends in common from Settings – Screen 4

Tinder – Enabling friends in common from Settings – Screen 5

Tinder – Enabling friends in common from Settings – Screen 6

Tinder – Enabling friends in common from Settings – Screen 7

Explore from Download flow

Tinder – Explore from Download flow – Screen 1

Tinder – Explore from Download flow – Screen 2

Tinder – Explore from Download flow – Screen 3

Tinder – Explore from Download flow – Screen 4

Filtering by interests from Filtering user

Tinder – Filtering by interests from Filtering user – Screen 1

Tinder – Filtering by interests from Filtering user – Screen 2

Tinder – Filtering by interests from Filtering user – Screen 3

Tinder – Filtering by interests from Filtering user – Screen 4

Tinder – Filtering by interests from Filtering user – Screen 5

Filtering likes from People who liked you

Tinder – Filtering likes from People who liked you – Screen 1

Tinder – Filtering likes from People who liked you – Screen 2

Tinder – Filtering likes from People who liked you – Screen 3

Tinder – Filtering likes from People who liked you – Screen 4

Tinder – Filtering likes from People who liked you – Screen 5

Filtering user from Swipe

Tinder – Filtering user from Swipe – Screen 1

Tinder – Filtering user from Swipe – Screen 2

Tinder – Filtering user from Swipe – Screen 3

Tinder – Filtering user from Swipe – Screen 4

Tinder – Filtering user from Swipe – Screen 5

Tinder – Filtering user from Swipe – Screen 6

Tinder – Filtering user from Swipe – Screen 7

Tinder – Filtering user from Swipe – Screen 8

Tinder – Filtering user from Swipe – Screen 9

Tinder – Filtering user from Swipe – Screen 10

Tinder – Filtering user from Swipe – Screen 11

Tinder – Filtering user from Swipe – Screen 12

Tinder – Filtering user from Swipe – Screen 13

Tinder – Filtering user from Swipe – Screen 14

Tinder – Filtering user from Swipe – Screen 15

Tinder – Filtering user from Swipe – Screen 16

Tinder – Filtering user from Swipe – Screen 17

For you from Swipe

Tinder – For you from Swipe – Screen 1

Tinder – For you from Swipe – Screen 2

Tinder – For you from Swipe – Screen 3

Tinder – For you from Swipe – Screen 4

Tinder – For you from Swipe – Screen 5

Tinder – For you from Swipe – Screen 6

Tinder – For you from Swipe – Screen 7

Guide article from Guide

Tinder – Guide article from Guide – Screen 1

Tinder – Guide article from Guide – Screen 2

Tinder – Guide article from Guide – Screen 3

Guide from Safety center

Tinder – Guide from Safety center – Screen 1

Tinder – Guide from Safety center – Screen 2

How location is used from Setting up an account

Tinder – How location is used from Setting up an account – Screen 1

Tinder – How location is used from Setting up an account – Screen 2

Invite friends to double date from Double date

Tinder – Invite friends to double date from Double date – Screen 1

Tinder – Invite friends to double date from Double date – Screen 2

Learn about biometrics from Uploading photos with AI

Tinder – Learn about biometrics from Uploading photos with AI – Screen 1

Tinder – Learn about biometrics from Uploading photos with AI – Screen 2

Licenses from Settings

Tinder – Licenses from Settings – Screen 1

Tinder – Licenses from Settings – Screen 2

Tinder – Licenses from Settings – Screen 3

Likes from Download flow

Tinder – Likes from Download flow – Screen 1

Tinder – Likes from Download flow – Screen 2

Tinder – Likes from Download flow – Screen 3

Tinder – Likes from Download flow – Screen 4

Tinder – Likes from Download flow – Screen 5

Tinder – Likes from Download flow – Screen 6

Tinder – Likes from Download flow – Screen 7

Likes sent from Likes

Tinder – Likes sent from Likes – Screen 1

Tinder – Likes sent from Likes – Screen 2

Liking a message from Sending a message chat

Tinder – Liking a message from Sending a message chat – Screen 1

Tinder – Liking a message from Sending a message chat – Screen 2

Live Activities from Download flow

Tinder – Live Activities from Download flow – Screen 1

Logging in from Download flow

Tinder – Logging in from Download flow – Screen 1

Tinder – Logging in from Download flow – Screen 2

Tinder – Logging in from Download flow – Screen 3

Tinder – Logging in from Download flow – Screen 4

Tinder – Logging in from Download flow – Screen 5

Logging in saved account from Logging in

Tinder – Logging in saved account from Logging in – Screen 1

Tinder – Logging in saved account from Logging in – Screen 2

Tinder – Logging in saved account from Logging in – Screen 3

Tinder – Logging in saved account from Logging in – Screen 4

Tinder – Logging in saved account from Logging in – Screen 5

Logging out from Settings

Tinder – Logging out from Settings – Screen 1

Tinder – Logging out from Settings – Screen 2

Tinder – Logging out from Settings – Screen 3

Tinder – Logging out from Settings – Screen 4

Music from Swipe

Tinder – Music from Swipe – Screen 1

Tinder – Music from Swipe – Screen 2

Tinder – Music from Swipe – Screen 3

My boosts from Profile

New friends from Explore

Tinder – New friends from Explore – Screen 1

Tinder – New friends from Explore – Screen 2

Tinder – New friends from Explore – Screen 3

Tinder – New friends from Explore – Screen 4

Tinder – New friends from Explore – Screen 5

Onboarding from Save

Tinder – Onboarding from Save – Screen 1

Tinder – Onboarding from Save – Screen 2

Tinder – Onboarding from Save – Screen 3

Tinder – Onboarding from Save – Screen 4

Tinder – Onboarding from Save – Screen 5

Tinder – Onboarding from Save – Screen 6

Tinder – Onboarding from Save – Screen 7

Tinder – Onboarding from Save – Screen 8

Tinder – Onboarding from Save – Screen 9

Tinder – Onboarding from Save – Screen 10

Tinder – Onboarding from Save – Screen 11

Tinder – Onboarding from Save – Screen 12

Tinder – Onboarding from Save – Screen 13

Tinder – Onboarding from Save – Screen 14

Pausing an account from Settings

Tinder – Pausing an account from Settings – Screen 1

Tinder – Pausing an account from Settings – Screen 2

Tinder – Pausing an account from Settings – Screen 3

People who liked you from Likes

Tinder – People who liked you from Likes – Screen 1

Tinder – People who liked you from Likes – Screen 2

Tinder – People who liked you from Likes – Screen 3

Tinder – People who liked you from Likes – Screen 4

Tinder – People who liked you from Likes – Screen 5

Photo tips from Editing profile

Profile from Download flow

Profile preview from Editing profile

Report a user from Chat

Tinder – Report a user from Chat – Screen 1

Tinder – Report a user from Chat – Screen 2

Tinder – Report a user from Chat – Screen 3

Reporting a profile from User profile

Rewinding last action from For you

Tinder – Rewinding last action from For you – Screen 1

Tinder – Rewinding last action from For you – Screen 2

Tinder – Rewinding last action from For you – Screen 3

Safety center from Settings

Tinder – Safety center from Settings – Screen 1

Tinder – Safety center from Settings – Screen 2

Tinder – Safety center from Settings – Screen 3

Tinder – Safety center from Settings – Screen 4

Searching contacts from Block contacts

Tinder – Searching contacts from Block contacts – Screen 1

Tinder – Searching contacts from Block contacts – Screen 2

Tinder – Searching contacts from Block contacts – Screen 3

Send a first impression from For you

Tinder – Send a first impression from For you – Screen 1

Tinder – Send a first impression from For you – Screen 2

Tinder – Send a first impression from For you – Screen 3

Tinder – Send a first impression from For you – Screen 4

Tinder – Send a first impression from For you – Screen 5

Sending a gif from Sending a message chat

Tinder – Sending a gif from Sending a message chat – Screen 1

Tinder – Sending a gif from Sending a message chat – Screen 2

Tinder – Sending a gif from Sending a message chat – Screen 3

Tinder – Sending a gif from Sending a message chat – Screen 4

Sending a message chat from Chat

Tinder – Sending a message chat from Chat – Screen 1

Tinder – Sending a message chat from Chat – Screen 2

Tinder – Sending a message chat from Chat – Screen 3

Tinder – Sending a message chat from Chat – Screen 4

Tinder – Sending a message chat from Chat – Screen 5

Sending a message from Swiping for a match

Tinder – Sending a message from Swiping for a match – Screen 1

Tinder – Sending a message from Swiping for a match – Screen 2

Tinder – Sending a message from Swiping for a match – Screen 3

Serious daters from Explore

Tinder – Serious daters from Explore – Screen 1

Tinder – Serious daters from Explore – Screen 2

Tinder – Serious daters from Explore – Screen 3

Setting up an account from Onboarding

Tinder – Setting up an account from Onboarding – Screen 1

Tinder – Setting up an account from Onboarding – Screen 2

Tinder – Setting up an account from Onboarding – Screen 3

Tinder – Setting up an account from Onboarding – Screen 4

Tinder – Setting up an account from Onboarding – Screen 5

Tinder – Setting up an account from Onboarding – Screen 6

Tinder – Setting up an account from Onboarding – Screen 7

Tinder – Setting up an account from Onboarding – Screen 8

Tinder – Setting up an account from Onboarding – Screen 9

Tinder – Setting up an account from Onboarding – Screen 10

Tinder – Setting up an account from Onboarding – Screen 11

Tinder – Setting up an account from Onboarding – Screen 12

Tinder – Setting up an account from Onboarding – Screen 13

Tinder – Setting up an account from Onboarding – Screen 14

Tinder – Setting up an account from Onboarding – Screen 15

Tinder – Setting up an account from Onboarding – Screen 16

Tinder – Setting up an account from Onboarding – Screen 17

Tinder – Setting up an account from Onboarding – Screen 18

Tinder – Setting up an account from Onboarding – Screen 19

Tinder – Setting up an account from Onboarding – Screen 20

Tinder – Setting up an account from Onboarding – Screen 21

Tinder – Setting up an account from Onboarding – Screen 22

Tinder – Setting up an account from Onboarding – Screen 23

Tinder – Setting up an account from Onboarding – Screen 24

Tinder – Setting up an account from Onboarding – Screen 25

Tinder – Setting up an account from Onboarding – Screen 26

Tinder – Setting up an account from Onboarding – Screen 27

Tinder – Setting up an account from Onboarding – Screen 28

Tinder – Setting up an account from Onboarding – Screen 29

Tinder – Setting up an account from Onboarding – Screen 30

Tinder – Setting up an account from Onboarding – Screen 31

Tinder – Setting up an account from Onboarding – Screen 32

Tinder – Setting up an account from Onboarding – Screen 33

Tinder – Setting up an account from Onboarding – Screen 34

Tinder – Setting up an account from Onboarding – Screen 35

Tinder – Setting up an account from Onboarding – Screen 36

Setting up astrology mode from Astrology

Tinder – Setting up astrology mode from Astrology – Screen 1

Tinder – Setting up astrology mode from Astrology – Screen 2

Tinder – Setting up astrology mode from Astrology – Screen 3

Tinder – Setting up astrology mode from Astrology – Screen 4

Tinder – Setting up astrology mode from Astrology – Screen 5

Tinder – Setting up astrology mode from Astrology – Screen 6

Setting up music mode from Music

Tinder – Setting up music mode from Music – Screen 1

Tinder – Setting up music mode from Music – Screen 2

Tinder – Setting up music mode from Music – Screen 3

Tinder – Setting up music mode from Music – Screen 4

Tinder – Setting up music mode from Music – Screen 5

Tinder – Setting up music mode from Music – Screen 6

Settings from Profile

Subscribing to Tinder gold from Profile

Super Boost from Boost

Tinder – Super Boost from Boost – Screen 1

Tinder – Super Boost from Boost – Screen 2

Super liking a profile from For you

Swipe from Download flow

Tinder – Swipe from Download flow – Screen 1

Tinder – Swipe from Download flow – Screen 2

Tinder – Swipe from Download flow – Screen 3

Tinder – Swipe from Download flow – Screen 4

Swiping for a match from For you

Tinder – Swiping for a match from For you – Screen 1

Tinder – Swiping for a match from For you – Screen 2

Tinder – Swiping for a match from For you – Screen 3

Tinder – Swiping for a match from For you – Screen 4

Tinder – Swiping for a match from For you – Screen 5

Tinder – Swiping for a match from For you – Screen 6

Switching to dark mode from Settings

Tinder – Switching to dark mode from Settings – Screen 1

Tinder – Switching to dark mode from Settings – Screen 2

Tinder – Switching to dark mode from Settings – Screen 3

Tinder – Switching to dark mode from Settings – Screen 4

Tinder – Switching to dark mode from Settings – Screen 5

Tinder – Switching to dark mode from Settings – Screen 6

Tinder – Switching to dark mode from Settings – Screen 7

Terminating active matchmaker sessions from Settings

Tinder – Terminating active matchmaker sessions from Settings – Screen 1

Tinder – Terminating active matchmaker sessions from Settings – Screen 2

Tinder – Terminating active matchmaker sessions from Settings – Screen 3

Top picks from Likes

Tinder – Top picks from Likes – Screen 1

Tinder – Top picks from Likes – Screen 2

Unmatching a user from Sending a message chat

Tinder – Unmatching a user from Sending a message chat – Screen 1

Tinder – Unmatching a user from Sending a message chat – Screen 2

Tinder – Unmatching a user from Sending a message chat – Screen 3

Tinder – Unmatching a user from Sending a message chat – Screen 4

Unsubscribing from email notifications from Settings

Tinder – Unsubscribing from email notifications from Settings – Screen 1

Tinder – Unsubscribing from email notifications from Settings – Screen 2

Tinder – Unsubscribing from email notifications from Settings – Screen 3

Updating message settings from Chat

Tinder – Updating message settings from Chat – Screen 1

Tinder – Updating message settings from Chat – Screen 2

Tinder – Updating message settings from Chat – Screen 3

Tinder – Updating message settings from Chat – Screen 4

Uploading photos from Setting up an account

Tinder – Uploading photos from Setting up an account – Screen 1

Tinder – Uploading photos from Setting up an account – Screen 2

Tinder – Uploading photos from Setting up an account – Screen 3

Tinder – Uploading photos from Setting up an account – Screen 4

Tinder – Uploading photos from Setting up an account – Screen 5

Tinder – Uploading photos from Setting up an account – Screen 6

Tinder – Uploading photos from Setting up an account – Screen 7

Tinder – Uploading photos from Setting up an account – Screen 8

Uploading photos with AI from Editing profile

Uploading photos with AI selfie from Uploading photos with AI

Tinder – Uploading photos with AI selfie from Uploading photos with AI – Screen 1

Tinder – Uploading photos with AI selfie from Uploading photos with AI – Screen 2

Tinder – Uploading photos with AI selfie from Uploading photos with AI – Screen 3

Tinder – Uploading photos with AI selfie from Uploading photos with AI – Screen 4

Tinder – Uploading photos with AI selfie from Uploading photos with AI – Screen 5

Tinder – Uploading photos with AI selfie from Uploading photos with AI – Screen 6

Tinder – Uploading photos with AI selfie from Uploading photos with AI – Screen 7

User profile from For you

Verifying a photo from Profile

Verifying an account from Profile

Verifying an email from Settings

Tinder – Verifying an email from Settings – Screen 1

Tinder – Verifying an email from Settings – Screen 2

Tinder – Verifying an email from Settings – Screen 3

Tinder – Verifying an email from Settings – Screen 4

Tinder – Verifying an email from Settings – Screen 5

Verifying profile from Setting up an account

View astrology compatibility from Astrology

Tinder – View astrology compatibility from Astrology – Screen 1

Tinder – View astrology compatibility from Astrology – Screen 2

Tinder – View astrology compatibility from Astrology – Screen 3

Tinder – View astrology compatibility from Astrology – Screen 4

View music anthems from Music

Tinder – View music anthems from Music – Screen 1

Tinder – View music anthems from Music – Screen 2