[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Ftopick\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":40,"showcases":396,"links":397,"dates":452},"\u002Fexamples\u002Fapps\u002Ftopick\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Topick product screens examples - Nicelydone","Browse Topick screen design examples. Preview the interface screenshots and explore related UI patterns. Collect and discuss great links","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftopick_sign-in_cbb47fe4_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},"Topick design examples","\u002Fexamples\u002Fapps\u002Ftopick",{"label":23,"to":4},"Topick 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,"categories":34},"Topick","topick","Collect and discuss great links","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ftopick-5c664b04.png","http:\u002F\u002Fwww.topick.com",[35,39],{"id":36,"title":37,"slug":38},1,"Communities","communities",{"id":36,"title":37,"slug":38},[41,68,109,136,158,189,233,259,296,313,347,370],{"uuid":42,"title":43,"description":44,"canonical_path":4,"image":11,"width":45,"height":46,"image_alt":47,"kind":48,"patterns":49,"component_categories":57,"app":66},"eb8e18bf-6e7b-4531-9f2f-8b9a729b18d5","Sign In","Sign-in screen where the user authenticates with Twitter or their email address and password.",2800,1544,"Sign In from Topick","screen",[50],{"id":51,"label":43,"slug":52,"rank":53,"group":54},4,"sign-in",0,{"id":36,"label":55,"slug":56},"Access & Account","access-and-account",[58,62],{"id":59,"title":60,"slug":61},174,"Card","card",{"id":63,"title":64,"slug":65},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":67},[],{"uuid":69,"title":70,"description":71,"canonical_path":4,"image":72,"width":45,"height":73,"image_alt":74,"kind":48,"patterns":75,"component_categories":88,"app":107},"7ce0a922-fcdf-47cb-8402-c3ace9e71084","Profile","Detail page for a user profile displaying a masonry grid of their recent activity, including posts, comments, and followed collections.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftopick_profile_9e86d34a_nicelydone.jpg",7460,"Profile from Topick",[76,83],{"id":77,"label":70,"slug":78,"rank":53,"group":79},3,"profile",{"id":80,"label":81,"slug":82},11,"Social & Collaboration","social-and-collaboration",{"id":84,"label":85,"slug":86,"rank":36,"group":87},113,"Social Feed","social-feed",{"id":80,"label":81,"slug":82},[89,93,97,101,105,106],{"id":90,"title":91,"slug":92},233,"Tabs","tabs",{"id":94,"title":95,"slug":96},260,"Badge","badge",{"id":98,"title":99,"slug":100},169,"Avatar","avatar",{"id":102,"title":103,"slug":104},240,"Horizontal navigation","horizontal-navigation",{"id":59,"title":60,"slug":61},{"id":63,"title":64,"slug":65},{"slug":30,"title":29,"logo":32,"categories":108},[],{"uuid":110,"title":111,"description":112,"canonical_path":4,"image":113,"width":45,"height":114,"image_alt":115,"kind":48,"patterns":116,"component_categories":130,"app":134},"cc0dfeba-1db8-4303-b2ea-7935fe2cb52d","Settings","Settings page where the user configures email notifications for collections, mentions, comments, and likes.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftopick_settings-2_8a667fd8_nicelydone.jpg",3266,"Settings from Topick",[117,125],{"id":118,"label":119,"slug":120,"rank":53,"group":121},99,"Notification Settings","notification-settings",{"id":122,"label":123,"slug":124},10,"Settings & Admin","settings-and-admin",{"id":126,"label":127,"slug":128,"rank":36,"group":129},94,"Account Settings","account-settings",{"id":122,"label":123,"slug":124},[131,132,133],{"id":102,"title":103,"slug":104},{"id":59,"title":60,"slug":61},{"id":63,"title":64,"slug":65},{"slug":30,"title":29,"logo":32,"categories":135},[],{"uuid":137,"title":111,"description":138,"canonical_path":4,"image":139,"width":45,"height":140,"image_alt":115,"kind":48,"patterns":141,"component_categories":151,"app":156},"a9fadf29-8f72-4493-b256-d74aa54cadc2","Profile settings page where the user updates their cover image, avatar, bio, and website URL.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftopick_settings_7935e802_nicelydone.jpg",2520,[142,144],{"id":77,"label":70,"slug":78,"rank":53,"group":143},{"id":80,"label":81,"slug":82},{"id":80,"label":145,"slug":146,"rank":36,"group":147},"Edit","edit",{"id":148,"label":149,"slug":150},2,"Actions","actions",[152,153,154,155],{"id":98,"title":99,"slug":100},{"id":102,"title":103,"slug":104},{"id":59,"title":60,"slug":61},{"id":63,"title":64,"slug":65},{"slug":30,"title":29,"logo":32,"categories":157},[],{"uuid":159,"title":111,"description":160,"canonical_path":4,"image":161,"width":45,"height":162,"image_alt":115,"kind":48,"patterns":163,"component_categories":183,"app":187},"807585b5-7027-48b7-b3dc-af094337d9ac","Settings page where the user can export posts, manage Twitter and Pocket integrations, change their timezone, update their email address, and request account deletion.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftopick_settings-3_e7876cb7_nicelydone.jpg",3596,[164,166,171,176,178],{"id":126,"label":127,"slug":128,"rank":53,"group":165},{"id":122,"label":123,"slug":124},{"id":167,"label":168,"slug":169,"rank":36,"group":170},97,"Integrations","integrations",{"id":122,"label":123,"slug":124},{"id":172,"label":173,"slug":174,"rank":148,"group":175},15,"Import & Export","import-and-export",{"id":148,"label":149,"slug":150},{"id":77,"label":70,"slug":78,"rank":77,"group":177},{"id":80,"label":81,"slug":82},{"id":179,"label":180,"slug":181,"rank":51,"group":182},9,"Delete","delete",{"id":148,"label":149,"slug":150},[184,185,186],{"id":102,"title":103,"slug":104},{"id":59,"title":60,"slug":61},{"id":63,"title":64,"slug":65},{"slug":30,"title":29,"logo":32,"categories":188},[],{"uuid":190,"title":191,"description":192,"canonical_path":4,"image":193,"width":45,"height":194,"image_alt":195,"kind":48,"patterns":196,"component_categories":219,"app":231},"c6d82e42-30cb-4fa8-a058-7c44d1a13e41","Notifications","Home feed where the user views recent posts, completes onboarding steps, and checks an empty notifications popover.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftopick_notifications_a05fce62_nicelydone.jpg",1545,"Notifications from Topick",[197,201,209,211],{"id":198,"label":191,"slug":199,"rank":53,"group":200},110,"notifications",{"id":80,"label":81,"slug":82},{"id":202,"label":203,"slug":204,"rank":36,"group":205},81,"Home","home",{"id":206,"label":207,"slug":208},8,"Pages & Content","pages-and-content",{"id":84,"label":85,"slug":86,"rank":148,"group":210},{"id":80,"label":81,"slug":82},{"id":212,"label":213,"slug":214,"rank":77,"group":215},115,"Empty State","empty-state",{"id":216,"label":217,"slug":218},12,"States & Feedback","states-and-feedback",[220,224,228,229,230],{"id":221,"title":222,"slug":223},214,"Popover","popover",{"id":225,"title":226,"slug":227},227,"Stepper","stepper",{"id":98,"title":99,"slug":100},{"id":102,"title":103,"slug":104},{"id":59,"title":60,"slug":61},{"slug":30,"title":29,"logo":32,"categories":232},[],{"uuid":234,"title":235,"description":236,"canonical_path":4,"image":237,"width":45,"height":194,"image_alt":238,"kind":48,"patterns":239,"component_categories":252,"app":257},"8985185b-8541-47a8-ab80-7e569b0a6adc","Import","Side drawer displaying suggested links from connected accounts like Twitter to quickly curate and create new posts.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftopick_import_bedfa494_nicelydone.jpg","Import from Topick",[240,242,247],{"id":172,"label":173,"slug":174,"rank":53,"group":241},{"id":148,"label":149,"slug":150},{"id":243,"label":244,"slug":245,"rank":36,"group":246},7,"Add & Create","add-and-create",{"id":148,"label":149,"slug":150},{"id":248,"label":249,"slug":250,"rank":148,"group":251},82,"Media Detail","media-detail",{"id":206,"label":207,"slug":208},[253,254,255,256],{"id":90,"title":91,"slug":92},{"id":94,"title":95,"slug":96},{"id":59,"title":60,"slug":61},{"id":63,"title":64,"slug":65},{"slug":30,"title":29,"logo":32,"categories":258},[],{"uuid":260,"title":261,"description":262,"canonical_path":4,"image":263,"width":45,"height":264,"image_alt":265,"kind":48,"patterns":266,"component_categories":288,"app":294},"99008052-ba11-4f3b-9fea-6fc611afe29d","List","Directory page where the user browses and follows curated topic collections like Design Tools and UX Design.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftopick_list_41c334a4_nicelydone.jpg",6332,"List from Topick",[267,272,277,283],{"id":268,"label":269,"slug":270,"rank":53,"group":271},79,"Browse","browse",{"id":206,"label":207,"slug":208},{"id":273,"label":274,"slug":275,"rank":36,"group":276},14,"Follow","follow",{"id":148,"label":149,"slug":150},{"id":278,"label":91,"slug":92,"rank":148,"group":279},69,{"id":280,"label":281,"slug":282},6,"Navigation & Commands","navigation-and-commands",{"id":284,"label":285,"slug":286,"rank":77,"group":287},22,"Search","search",{"id":148,"label":149,"slug":150},[289,290,291,292,293],{"id":90,"title":91,"slug":92},{"id":94,"title":95,"slug":96},{"id":102,"title":103,"slug":104},{"id":59,"title":60,"slug":61},{"id":63,"title":64,"slug":65},{"slug":30,"title":29,"logo":32,"categories":295},[],{"uuid":297,"title":298,"description":299,"canonical_path":4,"image":300,"width":45,"height":194,"image_alt":301,"kind":48,"patterns":302,"component_categories":305,"app":311},"7351ba28-ed72-400e-b681-8b7d2668d6d0","Create collection","Modal where the user creates a new collection by naming it, choosing between expanded or list layouts, and configuring privacy and contribution toggles.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftopick_create-collection_f5b701dc_nicelydone.jpg","Create collection from Topick",[303],{"id":243,"label":244,"slug":245,"rank":53,"group":304},{"id":148,"label":149,"slug":150},[306,310],{"id":307,"title":308,"slug":309},284,"Modal","modal",{"id":63,"title":64,"slug":65},{"slug":30,"title":29,"logo":32,"categories":312},[],{"uuid":314,"title":315,"description":316,"canonical_path":4,"image":317,"width":45,"height":318,"image_alt":319,"kind":48,"patterns":320,"component_categories":335,"app":345},"514222a7-512b-4449-becc-473cb3e1b177","Content","Social feed where a user browses, shares, and discusses UI\u002FUX design articles and resources with a community.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftopick_content_4e106415_nicelydone.jpg",15998,"Content from Topick",[321,323,325,330],{"id":84,"label":85,"slug":86,"rank":53,"group":322},{"id":80,"label":81,"slug":82},{"id":284,"label":285,"slug":286,"rank":36,"group":324},{"id":148,"label":149,"slug":150},{"id":326,"label":327,"slug":328,"rank":148,"group":329},133,"Invite Teammates","invite-teammates",{"id":148,"label":149,"slug":150},{"id":331,"label":332,"slug":333,"rank":77,"group":334},13,"Filter & Sort","filter-and-sort",{"id":148,"label":149,"slug":150},[336,340,341,342,343,344],{"id":337,"title":338,"slug":339},277,"Button group","button-group",{"id":94,"title":95,"slug":96},{"id":98,"title":99,"slug":100},{"id":102,"title":103,"slug":104},{"id":63,"title":64,"slug":65},{"id":59,"title":60,"slug":61},{"slug":30,"title":29,"logo":32,"categories":346},[],{"uuid":348,"title":261,"description":349,"canonical_path":4,"image":350,"width":45,"height":351,"image_alt":265,"kind":48,"patterns":352,"component_categories":363,"app":368},"38293bae-928a-44c5-8074-6e72216a2530","Detail page for a curated collection where the user can browse submitted design agencies, upvote items, and add new links.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftopick_list-2_3e01bf28_nicelydone.jpg",5320,[353,355,359,361],{"id":268,"label":269,"slug":270,"rank":53,"group":354},{"id":206,"label":207,"slug":208},{"id":216,"label":356,"slug":357,"rank":36,"group":358},"Favorite","favorite",{"id":148,"label":149,"slug":150},{"id":243,"label":244,"slug":245,"rank":148,"group":360},{"id":148,"label":149,"slug":150},{"id":331,"label":332,"slug":333,"rank":77,"group":362},{"id":148,"label":149,"slug":150},[364,365,366,367],{"id":98,"title":99,"slug":100},{"id":102,"title":103,"slug":104},{"id":63,"title":64,"slug":65},{"id":59,"title":60,"slug":61},{"slug":30,"title":29,"logo":32,"categories":369},[],{"uuid":371,"title":203,"description":372,"canonical_path":4,"image":373,"width":45,"height":374,"image_alt":375,"kind":48,"patterns":376,"component_categories":388,"app":394},"ffb87595-5019-4f6d-b1f2-3e7b0bc1f68d","Social feed where the user browses design-related posts, comments on content, and discovers trending collections.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftopick_home_10b7e126_nicelydone.jpg",18052,"Home from Topick",[377,379,381,386],{"id":84,"label":85,"slug":86,"rank":53,"group":378},{"id":80,"label":81,"slug":82},{"id":268,"label":269,"slug":270,"rank":36,"group":380},{"id":206,"label":207,"slug":208},{"id":382,"label":383,"slug":384,"rank":148,"group":385},106,"Comments","comments",{"id":80,"label":81,"slug":82},{"id":284,"label":285,"slug":286,"rank":77,"group":387},{"id":148,"label":149,"slug":150},[389,390,391,392,393],{"id":94,"title":95,"slug":96},{"id":98,"title":99,"slug":100},{"id":102,"title":103,"slug":104},{"id":59,"title":60,"slug":61},{"id":63,"title":64,"slug":65},{"slug":30,"title":29,"logo":32,"categories":395},[],[],[398,400,402,404,406,408,410,412,414,416,418,420,422,425,428,431,434,436,440,444,448],{"label":85,"to":399},"\u002Fexamples\u002Fscreens\u002Fsocial-feed",{"label":244,"to":401},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":269,"to":403},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":70,"to":405},"\u002Fexamples\u002Fscreens\u002Fprofile",{"label":285,"to":407},"\u002Fexamples\u002Fscreens\u002Fsearch",{"label":127,"to":409},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":332,"to":411},"\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":173,"to":413},"\u002Fexamples\u002Fscreens\u002Fimport-and-export",{"label":383,"to":415},"\u002Fexamples\u002Fscreens\u002Fcomments",{"label":180,"to":417},"\u002Fexamples\u002Fscreens\u002Fdelete",{"label":145,"to":419},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":213,"to":421},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":423,"to":424},"Topick marketing pages","\u002Fexamples\u002Fapps\u002Ftopick\u002Fmarketing",{"label":426,"to":427},"Topick user flows","\u002Fexamples\u002Fapps\u002Ftopick\u002Fflows",{"label":429,"to":430},"Topick UI components","\u002Fexamples\u002Fapps\u002Ftopick\u002Fcomponents",{"label":432,"to":433},"Communities app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcommunities",{"label":435,"to":18},"All SaaS app examples",{"label":437,"to":438,"description":439},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":441,"to":442,"description":443},"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":445,"to":446,"description":447},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":449,"to":450,"description":451},"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":453,"updated_at":454},"2016-05-23T10:40:19.000Z","2026-09-13T13:02:39.000Z"]