[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fsoundcloud":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":34,"examples":49,"showcases":50,"links":379,"dates":396},"\u002Fexamples\u002Fapps\u002Fsoundcloud","detail","apps",true,{"title":9,"description":10,"og_image":11},"Soundcloud design examples - Nicelydone","Explore Soundcloud UI design examples. Hear the world's sounds","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsoundcloud_sign-in_03d3c5ae_nicelydone.jpg",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Soundcloud design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":33},"SaaS app examples",[24],{"title":25,"links":26},"Explore Soundcloud",[27,30],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fsoundcloud\u002Fscreens",{"label":31,"to":32},"marketing pages","\u002Fexamples\u002Fapps\u002Fsoundcloud\u002Fmarketing",[],{"title":35,"slug":36,"description":37,"logo":38,"url":39,"twitter_username":36,"categories":40},"Soundcloud","soundcloud","Hear the world's sounds","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsoundcloud-e2ff9eaa.png","http:\u002F\u002Fsoundcloud.com",[41,45],{"id":42,"title":43,"slug":44},20,"Music","music",{"id":46,"title":47,"slug":48},1,"Communities","communities",[],[51,376],{"family":52,"examples":53},"screens",[54,82,100,139,172,182,214,234,256,288,323,355],{"uuid":55,"title":56,"description":57,"canonical_path":29,"image":11,"width":58,"height":59,"image_alt":60,"kind":61,"patterns":62,"component_categories":71,"app":80},"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",[63],{"id":64,"label":65,"slug":66,"rank":67,"group":68},5,"Sign Up","sign-up",0,{"id":46,"label":69,"slug":70},"Access & Account","access-and-account",[72,76],{"id":73,"title":74,"slug":75},284,"Modal","modal",{"id":77,"title":78,"slug":79},175,"Button","button",{"slug":36,"title":35,"logo":38,"categories":81},[],{"uuid":83,"title":84,"description":85,"canonical_path":29,"image":86,"width":58,"height":59,"image_alt":87,"kind":61,"patterns":88,"component_categories":95,"app":98},"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",[89,91],{"id":64,"label":65,"slug":66,"rank":67,"group":90},{"id":46,"label":69,"slug":70},{"id":46,"label":92,"slug":93,"rank":46,"group":94},"Account Setup","account-setup",{"id":46,"label":69,"slug":70},[96,97],{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"slug":36,"title":35,"logo":38,"categories":99},[],{"uuid":101,"title":84,"description":102,"canonical_path":29,"image":103,"width":58,"height":59,"image_alt":87,"kind":61,"patterns":104,"component_categories":118,"app":137},"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",[105,107,109],{"id":46,"label":92,"slug":93,"rank":67,"group":106},{"id":46,"label":69,"slug":70},{"id":64,"label":65,"slug":66,"rank":46,"group":108},{"id":46,"label":69,"slug":70},{"id":110,"label":111,"slug":112,"rank":113,"group":114},3,"Profile","profile",2,{"id":115,"label":116,"slug":117},11,"Social & Collaboration","social-and-collaboration",[119,120,124,128,132,136],{"id":73,"title":74,"slug":75},{"id":121,"title":122,"slug":123},233,"Tabs","tabs",{"id":125,"title":126,"slug":127},174,"Card","card",{"id":129,"title":130,"slug":131},240,"Horizontal navigation","horizontal-navigation",{"id":133,"title":134,"slug":135},169,"Avatar","avatar",{"id":77,"title":78,"slug":79},{"slug":36,"title":35,"logo":38,"categories":138},[],{"uuid":140,"title":141,"description":142,"canonical_path":29,"image":143,"width":58,"height":59,"image_alt":144,"kind":61,"patterns":145,"component_categories":161,"app":170},"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",[146,154],{"id":147,"label":148,"slug":149,"rank":67,"group":150},81,"Home","home",{"id":151,"label":152,"slug":153},8,"Pages & Content","pages-and-content",{"id":155,"label":156,"slug":157,"rank":46,"group":158},12,"Favorite","favorite",{"id":113,"label":159,"slug":160},"Actions","actions",[162,166,167,168,169],{"id":163,"title":164,"slug":165},214,"Popover","popover",{"id":125,"title":126,"slug":127},{"id":129,"title":130,"slug":131},{"id":133,"title":134,"slug":135},{"id":77,"title":78,"slug":79},{"slug":36,"title":35,"logo":38,"categories":171},[],{"uuid":173,"title":148,"description":174,"canonical_path":29,"image":175,"width":58,"height":176,"image_alt":177,"kind":61,"patterns":178,"component_categories":179,"app":180},"48ce05bc-7364-4fdf-99fa-2420a75bb79b","Grid","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsoundcloud_home_7c22eaee_nicelydone.jpg",4672,"Home from Soundcloud",[],[],{"slug":36,"title":35,"logo":38,"categories":181},[],{"uuid":183,"title":184,"description":185,"canonical_path":29,"image":186,"width":58,"height":59,"image_alt":187,"kind":61,"patterns":188,"component_categories":203,"app":212},"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",[189,191,196],{"id":147,"label":148,"slug":149,"rank":67,"group":190},{"id":151,"label":152,"slug":153},{"id":192,"label":193,"slug":194,"rank":46,"group":195},13,"Filter & Sort","filter-and-sort",{"id":113,"label":159,"slug":160},{"id":197,"label":198,"slug":199,"rank":113,"group":200},50,"Audio Player","audio-player",{"id":64,"label":201,"slug":202},"Media & Tools","media-and-tools",[204,208,209,210,211],{"id":205,"title":206,"slug":207},260,"Badge","badge",{"id":125,"title":126,"slug":127},{"id":129,"title":130,"slug":131},{"id":133,"title":134,"slug":135},{"id":77,"title":78,"slug":79},{"slug":36,"title":35,"logo":38,"categories":213},[],{"uuid":215,"title":216,"description":217,"canonical_path":29,"image":218,"width":58,"height":59,"image_alt":219,"kind":61,"patterns":220,"component_categories":227,"app":232},"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",[221,225],{"id":222,"label":216,"slug":223,"rank":67,"group":224},22,"search",{"id":113,"label":159,"slug":160},{"id":147,"label":148,"slug":149,"rank":46,"group":226},{"id":151,"label":152,"slug":153},[228,229,230,231],{"id":125,"title":126,"slug":127},{"id":129,"title":130,"slug":131},{"id":133,"title":134,"slug":135},{"id":77,"title":78,"slug":79},{"slug":36,"title":35,"logo":38,"categories":233},[],{"uuid":235,"title":216,"description":236,"canonical_path":29,"image":237,"width":58,"height":238,"image_alt":219,"kind":61,"patterns":239,"component_categories":249,"app":254},"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,[240,245,247],{"id":241,"label":242,"slug":243,"rank":67,"group":244},84,"Search Results","search-results",{"id":151,"label":152,"slug":153},{"id":197,"label":198,"slug":199,"rank":46,"group":246},{"id":64,"label":201,"slug":202},{"id":222,"label":216,"slug":223,"rank":113,"group":248},{"id":113,"label":159,"slug":160},[250,251,252,253],{"id":205,"title":206,"slug":207},{"id":129,"title":130,"slug":131},{"id":133,"title":134,"slug":135},{"id":77,"title":78,"slug":79},{"slug":36,"title":35,"logo":38,"categories":255},[],{"uuid":257,"title":258,"description":259,"canonical_path":29,"image":260,"width":58,"height":59,"image_alt":261,"kind":61,"patterns":262,"component_categories":281,"app":286},"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",[263,270,275],{"id":264,"label":265,"slug":266,"rank":67,"group":267},115,"Empty State","empty-state",{"id":155,"label":268,"slug":269},"States & Feedback","states-and-feedback",{"id":271,"label":272,"slug":273,"rank":46,"group":274},79,"Browse","browse",{"id":151,"label":152,"slug":153},{"id":276,"label":122,"slug":123,"rank":113,"group":277},69,{"id":278,"label":279,"slug":280},6,"Navigation & Commands","navigation-and-commands",[282,283,284,285],{"id":121,"title":122,"slug":123},{"id":129,"title":130,"slug":131},{"id":133,"title":134,"slug":135},{"id":77,"title":78,"slug":79},{"slug":36,"title":35,"logo":38,"categories":287},[],{"uuid":289,"title":290,"description":291,"canonical_path":29,"image":292,"width":58,"height":293,"image_alt":294,"kind":61,"patterns":295,"component_categories":317,"app":321},"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",[296,304,309],{"id":297,"label":298,"slug":299,"rank":67,"group":300},89,"Pricing","pricing",{"id":301,"label":302,"slug":303},9,"Plans & Limits","plans-and-limits",{"id":305,"label":306,"slug":307,"rank":46,"group":308},91,"Trial","trial",{"id":301,"label":302,"slug":303},{"id":310,"label":311,"slug":312,"rank":113,"group":313},130,"Checkout","checkout",{"id":314,"label":315,"slug":316},14,"Payments & Checkout","payments-and-checkout",[318,319,320],{"id":129,"title":130,"slug":131},{"id":133,"title":134,"slug":135},{"id":77,"title":78,"slug":79},{"slug":36,"title":35,"logo":38,"categories":322},[],{"uuid":324,"title":325,"description":326,"canonical_path":29,"image":327,"width":58,"height":59,"image_alt":328,"kind":61,"patterns":329,"component_categories":343,"app":353},"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",[330,335,339,341],{"id":331,"label":332,"slug":333,"rank":67,"group":334},113,"Social Feed","social-feed",{"id":115,"label":116,"slug":117},{"id":336,"label":325,"slug":337,"rank":46,"group":338},110,"notifications",{"id":115,"label":116,"slug":117},{"id":197,"label":198,"slug":199,"rank":113,"group":340},{"id":64,"label":201,"slug":202},{"id":222,"label":216,"slug":223,"rank":110,"group":342},{"id":113,"label":159,"slug":160},[344,348,349,350,351,352],{"id":345,"title":346,"slug":347},277,"Button group","button-group",{"id":121,"title":122,"slug":123},{"id":205,"title":206,"slug":207},{"id":129,"title":130,"slug":131},{"id":133,"title":134,"slug":135},{"id":77,"title":78,"slug":79},{"slug":36,"title":35,"logo":38,"categories":354},[],{"uuid":356,"title":325,"description":357,"canonical_path":29,"image":358,"width":58,"height":59,"image_alt":328,"kind":61,"patterns":359,"component_categories":370,"app":374},"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",[360,362,366],{"id":336,"label":325,"slug":337,"rank":67,"group":361},{"id":115,"label":116,"slug":117},{"id":314,"label":363,"slug":364,"rank":46,"group":365},"Follow","follow",{"id":113,"label":159,"slug":160},{"id":151,"label":367,"slug":368,"rank":113,"group":369},"Block","block",{"id":113,"label":159,"slug":160},[371,372,373],{"id":129,"title":130,"slug":131},{"id":133,"title":134,"slug":135},{"id":77,"title":78,"slug":79},{"slug":36,"title":35,"logo":38,"categories":375},[],{"family":377,"examples":378},"pages",[],[380,382,384,387,390,393],{"label":381,"to":29},"Soundcloud product screens",{"label":383,"to":32},"Soundcloud marketing pages",{"label":385,"to":386},"Soundcloud user flows","\u002Fexamples\u002Fapps\u002Fsoundcloud\u002Fflows",{"label":388,"to":389},"Soundcloud UI components","\u002Fexamples\u002Fapps\u002Fsoundcloud\u002Fcomponents",{"label":391,"to":392},"Music app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmusic",{"label":394,"to":395},"Communities app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcommunities",{"published_at":397,"updated_at":398},"2016-06-17T09:05:00.000Z","2026-09-13T13:02:39.000Z"]