[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fsoundcloud\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":43,"showcases":366,"links":367,"dates":425},"\u002Fexamples\u002Fapps\u002Fsoundcloud\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Soundcloud product screens examples - Nicelydone","Browse Soundcloud screen design examples. Preview the interface screenshots and explore related UI patterns. Hear the world's sounds","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsoundcloud_sign-in_03d3c5ae_nicelydone.jpg",[13,16,19,22],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":21},"Soundcloud design examples","\u002Fexamples\u002Fapps\u002Fsoundcloud",{"label":23,"to":4},"Soundcloud product screens examples",{"title":23,"eyebrow":25,"description":10,"sections":26,"body":27},"SaaS app examples",[],[],{"title":29,"slug":30,"description":31,"logo":32,"url":33,"twitter_username":30,"categories":34},"Soundcloud","soundcloud","Hear the world's sounds","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsoundcloud-e2ff9eaa.png","http:\u002F\u002Fsoundcloud.com",[35,39],{"id":36,"title":37,"slug":38},20,"Music","music",{"id":40,"title":41,"slug":42},1,"Communities","communities",[44,72,90,129,162,172,204,224,246,278,313,345],{"uuid":45,"title":46,"description":47,"canonical_path":4,"image":11,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":52,"component_categories":61,"app":70},"31bbc478-4ffe-4867-bfed-b5d4cdd51868","Sign in, Sign up","Authentication modal where the user can sign in or create an account using Facebook, Google, or an email address.",2800,1544,"Sign in, Sign up from Soundcloud","screen",[53],{"id":54,"label":55,"slug":56,"rank":57,"group":58},5,"Sign Up","sign-up",0,{"id":40,"label":59,"slug":60},"Access & Account","access-and-account",[62,66],{"id":63,"title":64,"slug":65},284,"Modal","modal",{"id":67,"title":68,"slug":69},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":71},[],{"uuid":73,"title":74,"description":75,"canonical_path":4,"image":76,"width":48,"height":49,"image_alt":77,"kind":51,"patterns":78,"component_categories":85,"app":88},"f8cacfdf-f624-4408-ba1d-77f38236c01d","Sign up","Signup screen where the user chooses a password, enters their age, and agrees to the terms to create a new account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsoundcloud_sign-up_25827460_nicelydone.jpg","Sign up from Soundcloud",[79,81],{"id":54,"label":55,"slug":56,"rank":57,"group":80},{"id":40,"label":59,"slug":60},{"id":40,"label":82,"slug":83,"rank":40,"group":84},"Account Setup","account-setup",{"id":40,"label":59,"slug":60},[86,87],{"id":63,"title":64,"slug":65},{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":32,"categories":89},[],{"uuid":91,"title":74,"description":92,"canonical_path":4,"image":93,"width":48,"height":49,"image_alt":77,"kind":51,"patterns":94,"component_categories":108,"app":127},"1e9b5d10-e37f-4c6f-ac0b-2136befc8fb0","Onboarding modal where the user sets their display name and gender to complete their account setup before accessing their stream.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsoundcloud_sign-up-2_2d9741ab_nicelydone.jpg",[95,97,99],{"id":40,"label":82,"slug":83,"rank":57,"group":96},{"id":40,"label":59,"slug":60},{"id":54,"label":55,"slug":56,"rank":40,"group":98},{"id":40,"label":59,"slug":60},{"id":100,"label":101,"slug":102,"rank":103,"group":104},3,"Profile","profile",2,{"id":105,"label":106,"slug":107},11,"Social & Collaboration","social-and-collaboration",[109,110,114,118,122,126],{"id":63,"title":64,"slug":65},{"id":111,"title":112,"slug":113},233,"Tabs","tabs",{"id":115,"title":116,"slug":117},174,"Card","card",{"id":119,"title":120,"slug":121},240,"Horizontal navigation","horizontal-navigation",{"id":123,"title":124,"slug":125},169,"Avatar","avatar",{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":32,"categories":128},[],{"uuid":130,"title":131,"description":132,"canonical_path":4,"image":133,"width":48,"height":49,"image_alt":134,"kind":51,"patterns":135,"component_categories":151,"app":160},"01cdf3e3-5edf-4766-b23b-2e4fbad01e92","Onboarding","Home feed where a new user is prompted to select a genre and shown a coach mark explaining how to like a track.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsoundcloud_onboarding_a9398565_nicelydone.jpg","Onboarding from Soundcloud",[136,144],{"id":137,"label":138,"slug":139,"rank":57,"group":140},81,"Home","home",{"id":141,"label":142,"slug":143},8,"Pages & Content","pages-and-content",{"id":145,"label":146,"slug":147,"rank":40,"group":148},12,"Favorite","favorite",{"id":103,"label":149,"slug":150},"Actions","actions",[152,156,157,158,159],{"id":153,"title":154,"slug":155},214,"Popover","popover",{"id":115,"title":116,"slug":117},{"id":119,"title":120,"slug":121},{"id":123,"title":124,"slug":125},{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":32,"categories":161},[],{"uuid":163,"title":138,"description":164,"canonical_path":4,"image":165,"width":48,"height":166,"image_alt":167,"kind":51,"patterns":168,"component_categories":169,"app":170},"48ce05bc-7364-4fdf-99fa-2420a75bb79b","Grid","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsoundcloud_home_7c22eaee_nicelydone.jpg",4672,"Home from Soundcloud",[],[],{"slug":30,"title":29,"logo":32,"categories":171},[],{"uuid":173,"title":174,"description":175,"canonical_path":4,"image":176,"width":48,"height":49,"image_alt":177,"kind":51,"patterns":178,"component_categories":193,"app":202},"568d4ef1-8601-414e-89c1-f1c640866c43","Dropdown","App home page where the user can filter tracks by genre, view personalized recommendations, and interact with audio waveforms.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsoundcloud_dropdown_65a30f7f_nicelydone.jpg","Dropdown from Soundcloud",[179,181,186],{"id":137,"label":138,"slug":139,"rank":57,"group":180},{"id":141,"label":142,"slug":143},{"id":182,"label":183,"slug":184,"rank":40,"group":185},13,"Filter & Sort","filter-and-sort",{"id":103,"label":149,"slug":150},{"id":187,"label":188,"slug":189,"rank":103,"group":190},50,"Audio Player","audio-player",{"id":54,"label":191,"slug":192},"Media & Tools","media-and-tools",[194,198,199,200,201],{"id":195,"title":196,"slug":197},260,"Badge","badge",{"id":115,"title":116,"slug":117},{"id":119,"title":120,"slug":121},{"id":123,"title":124,"slug":125},{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":32,"categories":203},[],{"uuid":205,"title":206,"description":207,"canonical_path":4,"image":208,"width":48,"height":49,"image_alt":209,"kind":51,"patterns":210,"component_categories":217,"app":222},"732cd3c2-b298-449c-8c40-fb2ddc06a91c","Search","Home screen where the user is searching for 'drake' via the top navigation bar, with a dropdown showing track and artist results over a feed of recommended music.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsoundcloud_search_27a722ac_nicelydone.jpg","Search from Soundcloud",[211,215],{"id":212,"label":206,"slug":213,"rank":57,"group":214},22,"search",{"id":103,"label":149,"slug":150},{"id":137,"label":138,"slug":139,"rank":40,"group":216},{"id":141,"label":142,"slug":143},[218,219,220,221],{"id":115,"title":116,"slug":117},{"id":119,"title":120,"slug":121},{"id":123,"title":124,"slug":125},{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":32,"categories":223},[],{"uuid":225,"title":206,"description":226,"canonical_path":4,"image":227,"width":48,"height":228,"image_alt":209,"kind":51,"patterns":229,"component_categories":239,"app":244},"f2cc0d4e-e076-43ce-b104-7d78c5bcc838","Search results page displaying matching tracks and artists with interactive audio waveforms and a persistent playback toolbar.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsoundcloud_search-2_91d97bef_nicelydone.jpg",5510,[230,235,237],{"id":231,"label":232,"slug":233,"rank":57,"group":234},84,"Search Results","search-results",{"id":141,"label":142,"slug":143},{"id":187,"label":188,"slug":189,"rank":40,"group":236},{"id":54,"label":191,"slug":192},{"id":212,"label":206,"slug":213,"rank":103,"group":238},{"id":103,"label":149,"slug":150},[240,241,242,243],{"id":195,"title":196,"slug":197},{"id":119,"title":120,"slug":121},{"id":123,"title":124,"slug":125},{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":32,"categories":245},[],{"uuid":247,"title":248,"description":249,"canonical_path":4,"image":250,"width":48,"height":49,"image_alt":251,"kind":51,"patterns":252,"component_categories":271,"app":276},"9c5de3aa-4d2e-4d8d-98f3-feab78db2df2","Empty state","Collection page where the user views their liked tracks, currently showing an empty state with a prompt to explore trending music.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsoundcloud_empty-state_154899ad_nicelydone.jpg","Empty state from Soundcloud",[253,260,265],{"id":254,"label":255,"slug":256,"rank":57,"group":257},115,"Empty State","empty-state",{"id":145,"label":258,"slug":259},"States & Feedback","states-and-feedback",{"id":261,"label":262,"slug":263,"rank":40,"group":264},79,"Browse","browse",{"id":141,"label":142,"slug":143},{"id":266,"label":112,"slug":113,"rank":103,"group":267},69,{"id":268,"label":269,"slug":270},6,"Navigation & Commands","navigation-and-commands",[272,273,274,275],{"id":111,"title":112,"slug":113},{"id":119,"title":120,"slug":121},{"id":123,"title":124,"slug":125},{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":32,"categories":277},[],{"uuid":279,"title":280,"description":281,"canonical_path":4,"image":282,"width":48,"height":283,"image_alt":284,"kind":51,"patterns":285,"component_categories":307,"app":311},"b8c58492-3285-45a6-ae30-43a15e1564a1","Plans","Paywall screen where the user is pitched the SoundCloud Go plan with offline listening and ad-free features, offering a 30-day free trial.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsoundcloud_plans_d5b8346e_nicelydone.jpg",3588,"Plans from Soundcloud",[286,294,299],{"id":287,"label":288,"slug":289,"rank":57,"group":290},89,"Pricing","pricing",{"id":291,"label":292,"slug":293},9,"Plans & Limits","plans-and-limits",{"id":295,"label":296,"slug":297,"rank":40,"group":298},91,"Trial","trial",{"id":291,"label":292,"slug":293},{"id":300,"label":301,"slug":302,"rank":103,"group":303},130,"Checkout","checkout",{"id":304,"label":305,"slug":306},14,"Payments & Checkout","payments-and-checkout",[308,309,310],{"id":119,"title":120,"slug":121},{"id":123,"title":124,"slug":125},{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":32,"categories":312},[],{"uuid":314,"title":315,"description":316,"canonical_path":4,"image":317,"width":48,"height":49,"image_alt":318,"kind":51,"patterns":319,"component_categories":333,"app":343},"0fef0bae-171a-4a0d-9289-0bf870cc13f5","Notifications","Activity feed where the user listens to the latest reposted audio tracks from people they follow and views recent notifications.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsoundcloud_notifications_18ee508d_nicelydone.jpg","Notifications from Soundcloud",[320,325,329,331],{"id":321,"label":322,"slug":323,"rank":57,"group":324},113,"Social Feed","social-feed",{"id":105,"label":106,"slug":107},{"id":326,"label":315,"slug":327,"rank":40,"group":328},110,"notifications",{"id":105,"label":106,"slug":107},{"id":187,"label":188,"slug":189,"rank":103,"group":330},{"id":54,"label":191,"slug":192},{"id":212,"label":206,"slug":213,"rank":100,"group":332},{"id":103,"label":149,"slug":150},[334,338,339,340,341,342],{"id":335,"title":336,"slug":337},277,"Button group","button-group",{"id":111,"title":112,"slug":113},{"id":195,"title":196,"slug":197},{"id":119,"title":120,"slug":121},{"id":123,"title":124,"slug":125},{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":32,"categories":344},[],{"uuid":346,"title":315,"description":347,"canonical_path":4,"image":348,"width":48,"height":49,"image_alt":318,"kind":51,"patterns":349,"component_categories":360,"app":364},"7d274677-3fe2-40c5-b7eb-fe2b659d6446","Notifications inbox where the user views recent activity like new followers and manages their network.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsoundcloud_notifications-2_861154bd_nicelydone.jpg",[350,352,356],{"id":326,"label":315,"slug":327,"rank":57,"group":351},{"id":105,"label":106,"slug":107},{"id":304,"label":353,"slug":354,"rank":40,"group":355},"Follow","follow",{"id":103,"label":149,"slug":150},{"id":141,"label":357,"slug":358,"rank":103,"group":359},"Block","block",{"id":103,"label":149,"slug":150},[361,362,363],{"id":119,"title":120,"slug":121},{"id":123,"title":124,"slug":125},{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":32,"categories":365},[],[],[368,370,372,374,376,378,380,382,384,386,388,390,392,395,398,401,404,407,409,413,417,421],{"label":188,"to":369},"\u002Fexamples\u002Fscreens\u002Faudio-player",{"label":138,"to":371},"\u002Fexamples\u002Fscreens\u002Fhome",{"label":206,"to":373},"\u002Fexamples\u002Fscreens\u002Fsearch",{"label":55,"to":375},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":82,"to":377},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":315,"to":379},"\u002Fexamples\u002Fscreens\u002Fnotifications",{"label":357,"to":381},"\u002Fexamples\u002Fscreens\u002Fblock",{"label":262,"to":383},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":301,"to":385},"\u002Fexamples\u002Fscreens\u002Fcheckout",{"label":255,"to":387},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":146,"to":389},"\u002Fexamples\u002Fscreens\u002Ffavorite",{"label":183,"to":391},"\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":393,"to":394},"Soundcloud marketing pages","\u002Fexamples\u002Fapps\u002Fsoundcloud\u002Fmarketing",{"label":396,"to":397},"Soundcloud user flows","\u002Fexamples\u002Fapps\u002Fsoundcloud\u002Fflows",{"label":399,"to":400},"Soundcloud UI components","\u002Fexamples\u002Fapps\u002Fsoundcloud\u002Fcomponents",{"label":402,"to":403},"Music app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmusic",{"label":405,"to":406},"Communities app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcommunities",{"label":408,"to":18},"All SaaS app examples",{"label":410,"to":411,"description":412},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":414,"to":415,"description":416},"SaaS marketing page examples","\u002Fexamples\u002Fpages","Browse real SaaS marketing pages grouped by page type, from landing pages to pricing and customer story pages.",{"label":418,"to":419,"description":420},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":422,"to":423,"description":424},"User flow examples from SaaS apps","\u002Fexamples\u002Fflows","Explore user flow examples for sign-up, onboarding, billing, and other SaaS tasks. Compare the order of screens and preview the opening steps from real apps.",{"published_at":426,"updated_at":427},"2016-06-17T09:05:00.000Z","2026-09-13T13:02:39.000Z"]