UI reference · web

Onboarding

27 screens · MasterClass

Onboarding UI from MasterClass

Patterns

Landing PageHero SectionAccount SetupSelectFeature InfoSubscription & PaywallSuggestions & Similar ItemsPricingProgressSignupPayment MethodCheckout

Components

listunknowncheckboxdropdowncardbuttonradiotabprogress_indicatoremail_inputpassword_inputsearch_bar

Explore real product flows

Onboarding flow in MasterClass

Home flow in MasterClass

Canceling subscription flow in MasterClass

Canceling subscription

Starting a class flow in MasterClass

Starting a class

Starting a playlist flow in MasterClass

Starting a playlist

Session flow in MasterClass

Chatting with AI (Playlist) flow in MasterClass

Chatting with AI (Playlist)

Completing a session flow in MasterClass

Completing a session

Filtering library flow in MasterClass

Filtering library

Chatting with AI flow in MasterClass

Chatting with AI

Adding a video bookmark flow in MasterClass

Adding a video bookmark

Class detail flow in MasterClass

Explore the full catalog

Terms and conditions Privacy Cookies