UI reference · web

Creating a hook

7 screens · Suno

Creating a hook UI from Suno

Patterns

Guided Tour & TutorialUpload & DownloadLoading

Components

progress_indicator

Explore real product flows

Onboarding flow in Suno

Creating a hook flow in Suno

Creating a hook

Completing challenges flow in Suno

Completing challenges

Editing profile

Filtering & sorting songs flow in Suno

Filtering & sorting songs

Setting up an account flow in Suno

Setting up an account

Accepting an invitation flow in Suno

Accepting an invitation

Creating songs with AI (manual) flow in Suno

Creating songs with AI (manual)

Creating songs with AI (random) flow in Suno

Creating songs with AI (random)

Switching workspaces flow in Suno

Switching workspaces

Logging in flow in Suno

Copying an invite link flow in Suno

Copying an invite link

Explore the full catalog

Terms and conditions Privacy Cookies