[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Ftopick":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":34,"examples":46,"showcases":47,"links":409,"dates":441},"\u002Fexamples\u002Fapps\u002Ftopick","detail","apps",true,{"title":9,"description":10,"og_image":11},"Topick design examples - Nicelydone","Explore Topick UI design examples. Collect and discuss great links","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftopick_sign-in_cbb47fe4_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},"Topick design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":33},"SaaS app examples",[24],{"title":25,"links":26},"Explore Topick",[27,30],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Ftopick\u002Fscreens",{"label":31,"to":32},"marketing pages","\u002Fexamples\u002Fapps\u002Ftopick\u002Fmarketing",[],{"title":35,"slug":36,"description":37,"logo":38,"url":39,"categories":40},"Topick","topick","Collect and discuss great links","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ftopick-5c664b04.png","http:\u002F\u002Fwww.topick.com",[41,45],{"id":42,"title":43,"slug":44},1,"Communities","communities",{"id":42,"title":43,"slug":44},[],[48,406],{"family":49,"examples":50},"screens",[51,78,119,146,168,199,243,269,306,323,357,380],{"uuid":52,"title":53,"description":54,"canonical_path":29,"image":11,"width":55,"height":56,"image_alt":57,"kind":58,"patterns":59,"component_categories":67,"app":76},"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",[60],{"id":61,"label":53,"slug":62,"rank":63,"group":64},4,"sign-in",0,{"id":42,"label":65,"slug":66},"Access & Account","access-and-account",[68,72],{"id":69,"title":70,"slug":71},174,"Card","card",{"id":73,"title":74,"slug":75},175,"Button","button",{"slug":36,"title":35,"logo":38,"categories":77},[],{"uuid":79,"title":80,"description":81,"canonical_path":29,"image":82,"width":55,"height":83,"image_alt":84,"kind":58,"patterns":85,"component_categories":98,"app":117},"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",[86,93],{"id":87,"label":80,"slug":88,"rank":63,"group":89},3,"profile",{"id":90,"label":91,"slug":92},11,"Social & Collaboration","social-and-collaboration",{"id":94,"label":95,"slug":96,"rank":42,"group":97},113,"Social Feed","social-feed",{"id":90,"label":91,"slug":92},[99,103,107,111,115,116],{"id":100,"title":101,"slug":102},233,"Tabs","tabs",{"id":104,"title":105,"slug":106},260,"Badge","badge",{"id":108,"title":109,"slug":110},169,"Avatar","avatar",{"id":112,"title":113,"slug":114},240,"Horizontal navigation","horizontal-navigation",{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":36,"title":35,"logo":38,"categories":118},[],{"uuid":120,"title":121,"description":122,"canonical_path":29,"image":123,"width":55,"height":124,"image_alt":125,"kind":58,"patterns":126,"component_categories":140,"app":144},"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",[127,135],{"id":128,"label":129,"slug":130,"rank":63,"group":131},99,"Notification Settings","notification-settings",{"id":132,"label":133,"slug":134},10,"Settings & Admin","settings-and-admin",{"id":136,"label":137,"slug":138,"rank":42,"group":139},94,"Account Settings","account-settings",{"id":132,"label":133,"slug":134},[141,142,143],{"id":112,"title":113,"slug":114},{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":36,"title":35,"logo":38,"categories":145},[],{"uuid":147,"title":121,"description":148,"canonical_path":29,"image":149,"width":55,"height":150,"image_alt":125,"kind":58,"patterns":151,"component_categories":161,"app":166},"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,[152,154],{"id":87,"label":80,"slug":88,"rank":63,"group":153},{"id":90,"label":91,"slug":92},{"id":90,"label":155,"slug":156,"rank":42,"group":157},"Edit","edit",{"id":158,"label":159,"slug":160},2,"Actions","actions",[162,163,164,165],{"id":108,"title":109,"slug":110},{"id":112,"title":113,"slug":114},{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":36,"title":35,"logo":38,"categories":167},[],{"uuid":169,"title":121,"description":170,"canonical_path":29,"image":171,"width":55,"height":172,"image_alt":125,"kind":58,"patterns":173,"component_categories":193,"app":197},"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,[174,176,181,186,188],{"id":136,"label":137,"slug":138,"rank":63,"group":175},{"id":132,"label":133,"slug":134},{"id":177,"label":178,"slug":179,"rank":42,"group":180},97,"Integrations","integrations",{"id":132,"label":133,"slug":134},{"id":182,"label":183,"slug":184,"rank":158,"group":185},15,"Import & Export","import-and-export",{"id":158,"label":159,"slug":160},{"id":87,"label":80,"slug":88,"rank":87,"group":187},{"id":90,"label":91,"slug":92},{"id":189,"label":190,"slug":191,"rank":61,"group":192},9,"Delete","delete",{"id":158,"label":159,"slug":160},[194,195,196],{"id":112,"title":113,"slug":114},{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":36,"title":35,"logo":38,"categories":198},[],{"uuid":200,"title":201,"description":202,"canonical_path":29,"image":203,"width":55,"height":204,"image_alt":205,"kind":58,"patterns":206,"component_categories":229,"app":241},"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",[207,211,219,221],{"id":208,"label":201,"slug":209,"rank":63,"group":210},110,"notifications",{"id":90,"label":91,"slug":92},{"id":212,"label":213,"slug":214,"rank":42,"group":215},81,"Home","home",{"id":216,"label":217,"slug":218},8,"Pages & Content","pages-and-content",{"id":94,"label":95,"slug":96,"rank":158,"group":220},{"id":90,"label":91,"slug":92},{"id":222,"label":223,"slug":224,"rank":87,"group":225},115,"Empty State","empty-state",{"id":226,"label":227,"slug":228},12,"States & Feedback","states-and-feedback",[230,234,238,239,240],{"id":231,"title":232,"slug":233},214,"Popover","popover",{"id":235,"title":236,"slug":237},227,"Stepper","stepper",{"id":108,"title":109,"slug":110},{"id":112,"title":113,"slug":114},{"id":69,"title":70,"slug":71},{"slug":36,"title":35,"logo":38,"categories":242},[],{"uuid":244,"title":245,"description":246,"canonical_path":29,"image":247,"width":55,"height":204,"image_alt":248,"kind":58,"patterns":249,"component_categories":262,"app":267},"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",[250,252,257],{"id":182,"label":183,"slug":184,"rank":63,"group":251},{"id":158,"label":159,"slug":160},{"id":253,"label":254,"slug":255,"rank":42,"group":256},7,"Add & Create","add-and-create",{"id":158,"label":159,"slug":160},{"id":258,"label":259,"slug":260,"rank":158,"group":261},82,"Media Detail","media-detail",{"id":216,"label":217,"slug":218},[263,264,265,266],{"id":100,"title":101,"slug":102},{"id":104,"title":105,"slug":106},{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":36,"title":35,"logo":38,"categories":268},[],{"uuid":270,"title":271,"description":272,"canonical_path":29,"image":273,"width":55,"height":274,"image_alt":275,"kind":58,"patterns":276,"component_categories":298,"app":304},"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",[277,282,287,293],{"id":278,"label":279,"slug":280,"rank":63,"group":281},79,"Browse","browse",{"id":216,"label":217,"slug":218},{"id":283,"label":284,"slug":285,"rank":42,"group":286},14,"Follow","follow",{"id":158,"label":159,"slug":160},{"id":288,"label":101,"slug":102,"rank":158,"group":289},69,{"id":290,"label":291,"slug":292},6,"Navigation & Commands","navigation-and-commands",{"id":294,"label":295,"slug":296,"rank":87,"group":297},22,"Search","search",{"id":158,"label":159,"slug":160},[299,300,301,302,303],{"id":100,"title":101,"slug":102},{"id":104,"title":105,"slug":106},{"id":112,"title":113,"slug":114},{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":36,"title":35,"logo":38,"categories":305},[],{"uuid":307,"title":308,"description":309,"canonical_path":29,"image":310,"width":55,"height":204,"image_alt":311,"kind":58,"patterns":312,"component_categories":315,"app":321},"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",[313],{"id":253,"label":254,"slug":255,"rank":63,"group":314},{"id":158,"label":159,"slug":160},[316,320],{"id":317,"title":318,"slug":319},284,"Modal","modal",{"id":73,"title":74,"slug":75},{"slug":36,"title":35,"logo":38,"categories":322},[],{"uuid":324,"title":325,"description":326,"canonical_path":29,"image":327,"width":55,"height":328,"image_alt":329,"kind":58,"patterns":330,"component_categories":345,"app":355},"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",[331,333,335,340],{"id":94,"label":95,"slug":96,"rank":63,"group":332},{"id":90,"label":91,"slug":92},{"id":294,"label":295,"slug":296,"rank":42,"group":334},{"id":158,"label":159,"slug":160},{"id":336,"label":337,"slug":338,"rank":158,"group":339},133,"Invite Teammates","invite-teammates",{"id":158,"label":159,"slug":160},{"id":341,"label":342,"slug":343,"rank":87,"group":344},13,"Filter & Sort","filter-and-sort",{"id":158,"label":159,"slug":160},[346,350,351,352,353,354],{"id":347,"title":348,"slug":349},277,"Button group","button-group",{"id":104,"title":105,"slug":106},{"id":108,"title":109,"slug":110},{"id":112,"title":113,"slug":114},{"id":73,"title":74,"slug":75},{"id":69,"title":70,"slug":71},{"slug":36,"title":35,"logo":38,"categories":356},[],{"uuid":358,"title":271,"description":359,"canonical_path":29,"image":360,"width":55,"height":361,"image_alt":275,"kind":58,"patterns":362,"component_categories":373,"app":378},"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,[363,365,369,371],{"id":278,"label":279,"slug":280,"rank":63,"group":364},{"id":216,"label":217,"slug":218},{"id":226,"label":366,"slug":367,"rank":42,"group":368},"Favorite","favorite",{"id":158,"label":159,"slug":160},{"id":253,"label":254,"slug":255,"rank":158,"group":370},{"id":158,"label":159,"slug":160},{"id":341,"label":342,"slug":343,"rank":87,"group":372},{"id":158,"label":159,"slug":160},[374,375,376,377],{"id":108,"title":109,"slug":110},{"id":112,"title":113,"slug":114},{"id":73,"title":74,"slug":75},{"id":69,"title":70,"slug":71},{"slug":36,"title":35,"logo":38,"categories":379},[],{"uuid":381,"title":213,"description":382,"canonical_path":29,"image":383,"width":55,"height":384,"image_alt":385,"kind":58,"patterns":386,"component_categories":398,"app":404},"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",[387,389,391,396],{"id":94,"label":95,"slug":96,"rank":63,"group":388},{"id":90,"label":91,"slug":92},{"id":278,"label":279,"slug":280,"rank":42,"group":390},{"id":216,"label":217,"slug":218},{"id":392,"label":393,"slug":394,"rank":158,"group":395},106,"Comments","comments",{"id":90,"label":91,"slug":92},{"id":294,"label":295,"slug":296,"rank":87,"group":397},{"id":158,"label":159,"slug":160},[399,400,401,402,403],{"id":104,"title":105,"slug":106},{"id":108,"title":109,"slug":110},{"id":112,"title":113,"slug":114},{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":36,"title":35,"logo":38,"categories":405},[],{"family":407,"examples":408},"pages",[],[410,412,414,417,420,423,425,429,433,437],{"label":411,"to":29},"Topick product screens",{"label":413,"to":32},"Topick marketing pages",{"label":415,"to":416},"Topick user flows","\u002Fexamples\u002Fapps\u002Ftopick\u002Fflows",{"label":418,"to":419},"Topick UI components","\u002Fexamples\u002Fapps\u002Ftopick\u002Fcomponents",{"label":421,"to":422},"Communities app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcommunities",{"label":424,"to":18},"All SaaS app examples",{"label":426,"to":427,"description":428},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":430,"to":431,"description":432},"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":434,"to":435,"description":436},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":438,"to":439,"description":440},"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":442,"updated_at":443},"2016-05-23T10:40:19.000Z","2026-09-13T13:02:39.000Z"]