Open source product UI reference

Search real product patterns by screen, flow, tag, and context.

Moppet starts as a curated corpus for studying product decisions: checkout trust, onboarding momentum, empty states, paywalls, settings, and the details around them.

checkout onboarding paywall empty state

Recent screens

Screen to choose three or more musical artists you like, showing a search bar and circular images of various artists including Amy Winehouse, Olivia Rodrigo, Slayyyter, Zara Larsson, PinkPantheress, Drake, Taylor Swift, The Weeknd, and others, with a button labeled More artists you might like.

Choose 3 or more artists you like

Spotify / iOS / iPhone

Search bar Entertainment Progressive disclosure Onboarding

Choosing 3 or more artists you like

Spotify / iOS / mobile

Search bar Progressive disclosure Onboarding Dark mode

A black screen with five circular user avatars in a row and the text "Great picks!" below them in white.

Great picks! screen with user avatars

Spotify / iOS / iPhone

Social proof Onboarding Logged in Success state

A music app screen showing a dark theme interface. Top has tabs labeled All, Music, Following, Podcasts, and another partially visible tab. The main section has a heading 'Latest releases', followed by a prompt card with artist photos and text 'Get better recommendations. Tell us what artists you like and we'll help you discover more music you might enjoy.' with a button labeled 'Choose Artists'. Bottom navigation bar includes icons and labels for Home, Search, Your Library, and Create.

Music App Home Screen with Recommendations Prompt

Spotify / iOS / mobile

Tab bar Entertainment Progressive disclosure Recommendation

Mobile app search screen with a search bar, browsing categories like Music, Podcasts, Audiobooks, Live Events, Upcoming Releases, Fitness, playlist highlights with album images, and bottom navigation bar with Home, Search, Your Library, and Create icons.

Spotify / iOS / iPhone

Search bar Tab bar Entertainment Progressive disclosure

Featured tags

Dark mode 5 Minimal 4 Onboarding 4 Progressive disclosure 4 Entertainment 3 Search bar 3 Logged in 2 Tab bar 2 Paid user 1 Recommendation 1 Social proof 1 Success state 1

Curated flows

Choose Artists You LikeUser selects artists they like during onboarding to receive personalized music recommendations, ending with a success confirmation.onboarding / 4 steps

Apps in the corpus

DuolingoEducation0 screens InstagramSocial0 screens SpotifyEntertainment5 screens