[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fcanopy\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":44,"showcases":367,"links":368,"dates":426},"\u002Fexamples\u002Fapps\u002Fcanopy\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Canopy product screens examples - Nicelydone","Browse Canopy screen design examples. Preview the interface screenshots and explore related UI patterns. Connecting people to great products through…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcanopy_sign-in-sign-up_ca4174f4_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},"Canopy design examples","\u002Fexamples\u002Fapps\u002Fcanopy",{"label":23,"to":4},"Canopy product screens examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Canopy screen design examples. Preview the interface screenshots and explore related UI patterns. Connecting people to great products through curation and community recommendations.",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"categories":35},"Canopy","canopy","Connecting people to great products through curation and community recommendations.","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcanopy-223ec417.png","https:\u002F\u002Fcanopy.co",[36,40],{"id":37,"title":38,"slug":39},1,"Communities","communities",{"id":41,"title":42,"slug":43},3,"Shopping","shopping",[45,77,109,123,142,176,216,241,270,289,312,338],{"uuid":46,"title":47,"description":48,"canonical_path":4,"image":11,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":53,"component_categories":62,"app":75},"8e3a1eca-988b-40e7-91d7-45e5a9a2529a","Sign in Sign up","Signup modal prompting the user to create an account via Twitter, Facebook, or email in order to like and add products.",2800,1544,"Sign in Sign up from Canopy","screen",[54],{"id":55,"label":56,"slug":57,"rank":58,"group":59},5,"Sign Up","sign-up",0,{"id":37,"label":60,"slug":61},"Access & Account","access-and-account",[63,67,71],{"id":64,"title":65,"slug":66},284,"Modal","modal",{"id":68,"title":69,"slug":70},240,"Horizontal navigation","horizontal-navigation",{"id":72,"title":73,"slug":74},175,"Button","button",{"slug":31,"title":30,"logo":33,"categories":76},[],{"uuid":78,"title":79,"description":80,"canonical_path":4,"image":81,"width":49,"height":50,"image_alt":82,"kind":52,"patterns":83,"component_categories":92,"app":107},"b0f4e2ce-9e7e-4b26-a05e-ed321ba076cd","Onboarding","Onboarding step where a modal explains how to like products using a mock product card and a tooltip.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcanopy_onboarding_394efaaf_nicelydone.jpg","Onboarding from Canopy",[84],{"id":85,"label":86,"slug":87,"rank":58,"group":88},73,"Guided Tour","guided-tour",{"id":89,"label":90,"slug":91},7,"Onboarding & Education","onboarding-and-education",[93,94,98,102,106],{"id":64,"title":65,"slug":66},{"id":95,"title":96,"slug":97},260,"Badge","badge",{"id":99,"title":100,"slug":101},169,"Avatar","avatar",{"id":103,"title":104,"slug":105},174,"Card","card",{"id":72,"title":73,"slug":74},{"slug":31,"title":30,"logo":33,"categories":108},[],{"uuid":110,"title":79,"description":111,"canonical_path":4,"image":112,"width":49,"height":50,"image_alt":82,"kind":52,"patterns":113,"component_categories":116,"app":121},"ee829c64-5ab1-42eb-83cf-2776ee16e645","Onboarding step where a product tour highlights how to organize items into collections using a tooltip over a sample product card.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcanopy_onboarding-2_c181bb00_nicelydone.jpg",[114],{"id":85,"label":86,"slug":87,"rank":58,"group":115},{"id":89,"label":90,"slug":91},[117,118,119,120],{"id":64,"title":65,"slug":66},{"id":95,"title":96,"slug":97},{"id":103,"title":104,"slug":105},{"id":72,"title":73,"slug":74},{"slug":31,"title":30,"logo":33,"categories":122},[],{"uuid":124,"title":79,"description":125,"canonical_path":4,"image":126,"width":49,"height":50,"image_alt":82,"kind":52,"patterns":127,"component_categories":133,"app":140},"943ac194-de41-4a5b-9187-38b1649ae6f6","Onboarding step where the user is prompted to learn how to add Amazon products to Canopy before starting to explore the app.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcanopy_onboarding-3_76be18d7_nicelydone.jpg",[128],{"id":129,"label":130,"slug":131,"rank":58,"group":132},72,"Getting Started","getting-started",{"id":89,"label":90,"slug":91},[134,135,136,137,138,139],{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"id":99,"title":100,"slug":101},{"id":95,"title":96,"slug":97},{"id":103,"title":104,"slug":105},{"id":72,"title":73,"slug":74},{"slug":31,"title":30,"logo":33,"categories":141},[],{"uuid":143,"title":144,"description":145,"canonical_path":4,"image":146,"width":49,"height":147,"image_alt":148,"kind":52,"patterns":149,"component_categories":166,"app":174},"3b2d4683-9237-408a-bc6e-b72993757f3b","Home","Feed where the user browses curated products with prices and liker avatars, categorized by 'Your feed', 'New', and 'Most popular'.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcanopy_home_d1fe85ac_nicelydone.jpg",6934,"Home from Canopy",[150,158],{"id":151,"label":152,"slug":153,"rank":58,"group":154},79,"Browse","browse",{"id":155,"label":156,"slug":157},8,"Pages & Content","pages-and-content",{"id":159,"label":160,"slug":161,"rank":37,"group":162},69,"Tabs","tabs",{"id":163,"label":164,"slug":165},6,"Navigation & Commands","navigation-and-commands",[167,169,170,171,172,173],{"id":168,"title":160,"slug":161},233,{"id":68,"title":69,"slug":70},{"id":99,"title":100,"slug":101},{"id":95,"title":96,"slug":97},{"id":103,"title":104,"slug":105},{"id":72,"title":73,"slug":74},{"slug":31,"title":30,"logo":33,"categories":175},[],{"uuid":177,"title":178,"description":179,"canonical_path":4,"image":180,"width":49,"height":50,"image_alt":181,"kind":52,"patterns":182,"component_categories":203,"app":214},"6ee535dd-7691-455b-8489-4162e91e5d7c","Notifications","Product feed where the user browses curated items and views a new follower notification popover.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcanopy_notifications_cbe4716e_nicelydone.jpg","Notifications from Canopy",[183,190,195],{"id":184,"label":178,"slug":185,"rank":58,"group":186},110,"notifications",{"id":187,"label":188,"slug":189},11,"Social & Collaboration","social-and-collaboration",{"id":191,"label":192,"slug":193,"rank":37,"group":194},113,"Social Feed","social-feed",{"id":187,"label":188,"slug":189},{"id":196,"label":197,"slug":198,"rank":199,"group":200},14,"Follow","follow",2,{"id":199,"label":201,"slug":202},"Actions","actions",[204,208,209,210,211,212,213],{"id":205,"title":206,"slug":207},214,"Popover","popover",{"id":168,"title":160,"slug":161},{"id":68,"title":69,"slug":70},{"id":99,"title":100,"slug":101},{"id":95,"title":96,"slug":97},{"id":103,"title":104,"slug":105},{"id":72,"title":73,"slug":74},{"slug":31,"title":30,"logo":33,"categories":215},[],{"uuid":217,"title":218,"description":219,"canonical_path":4,"image":220,"width":49,"height":221,"image_alt":222,"kind":52,"patterns":223,"component_categories":233,"app":239},"bc4d9def-b01a-4f6b-bf5a-399cbe384230","Search","Search results page for 'nike' displaying a matching brand, a grid of products with price badges, and a list of users to follow.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcanopy_search_7f94062a_nicelydone.jpg",9394,"Search from Canopy",[224,229,231],{"id":225,"label":226,"slug":227,"rank":58,"group":228},84,"Search Results","search-results",{"id":155,"label":156,"slug":157},{"id":151,"label":152,"slug":153,"rank":37,"group":230},{"id":155,"label":156,"slug":157},{"id":196,"label":197,"slug":198,"rank":199,"group":232},{"id":199,"label":201,"slug":202},[234,235,236,237,238],{"id":68,"title":69,"slug":70},{"id":99,"title":100,"slug":101},{"id":95,"title":96,"slug":97},{"id":103,"title":104,"slug":105},{"id":72,"title":73,"slug":74},{"slug":31,"title":30,"logo":33,"categories":240},[],{"uuid":242,"title":243,"description":244,"canonical_path":4,"image":245,"width":49,"height":246,"image_alt":247,"kind":52,"patterns":248,"component_categories":261,"app":268},"5b74881f-8b74-4ae4-91ca-2c796416a64e","Profile","User profile page where visitors can view curated product collections like 'For Home', 'Apparel', and 'Art', and follow the creator.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcanopy_profile_89469c9b_nicelydone.jpg",10874,"Profile from Canopy",[249,252,254,256],{"id":41,"label":243,"slug":250,"rank":58,"group":251},"profile",{"id":187,"label":188,"slug":189},{"id":151,"label":152,"slug":153,"rank":37,"group":253},{"id":155,"label":156,"slug":157},{"id":196,"label":197,"slug":198,"rank":199,"group":255},{"id":199,"label":201,"slug":202},{"id":257,"label":258,"slug":259,"rank":41,"group":260},24,"Share","share",{"id":199,"label":201,"slug":202},[262,263,264,265,266,267],{"id":168,"title":160,"slug":161},{"id":68,"title":69,"slug":70},{"id":99,"title":100,"slug":101},{"id":95,"title":96,"slug":97},{"id":103,"title":104,"slug":105},{"id":72,"title":73,"slug":74},{"slug":31,"title":30,"logo":33,"categories":269},[],{"uuid":271,"title":258,"description":272,"canonical_path":4,"image":273,"width":49,"height":50,"image_alt":274,"kind":52,"patterns":275,"component_categories":280,"app":287},"5c4a7df1-c9d1-43de-bffa-00dd30e943b8","User profile page displaying a grid of liked products, currently showing a large social sharing overlay over the user's bio.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcanopy_share_0be3d5b7_nicelydone.jpg","Share from Canopy",[276,278],{"id":41,"label":243,"slug":250,"rank":58,"group":277},{"id":187,"label":188,"slug":189},{"id":257,"label":258,"slug":259,"rank":37,"group":279},{"id":199,"label":201,"slug":202},[281,282,283,284,285,286],{"id":168,"title":160,"slug":161},{"id":68,"title":69,"slug":70},{"id":99,"title":100,"slug":101},{"id":95,"title":96,"slug":97},{"id":103,"title":104,"slug":105},{"id":72,"title":73,"slug":74},{"slug":31,"title":30,"logo":33,"categories":288},[],{"uuid":290,"title":291,"description":292,"canonical_path":4,"image":293,"width":49,"height":294,"image_alt":295,"kind":52,"patterns":296,"component_categories":303,"app":310},"91ac64c1-5604-489d-8aff-f837c328f039","List","List view displaying a grid of curated product categories like Books, Camping Gear, and Cookware for the user to browse.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcanopy_list_093ccb75_nicelydone.jpg",6972,"List from Canopy",[297,299],{"id":151,"label":152,"slug":153,"rank":58,"group":298},{"id":155,"label":156,"slug":157},{"id":300,"label":218,"slug":301,"rank":37,"group":302},22,"search",{"id":199,"label":201,"slug":202},[304,305,306,307,308,309],{"id":168,"title":160,"slug":161},{"id":68,"title":69,"slug":70},{"id":99,"title":100,"slug":101},{"id":95,"title":96,"slug":97},{"id":103,"title":104,"slug":105},{"id":72,"title":73,"slug":74},{"slug":31,"title":30,"logo":33,"categories":311},[],{"uuid":313,"title":314,"description":315,"canonical_path":4,"image":316,"width":49,"height":317,"image_alt":318,"kind":52,"patterns":319,"component_categories":331,"app":336},"8506cf0b-fd1c-4230-bfd8-3b0fffaa36ab","Settings","Signup page where the user enters their personal details, uploads a profile photo, and opts into a newsletter to create an account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcanopy_settings_7fde7edf_nicelydone.jpg",3594,"Settings from Canopy",[320,322,326],{"id":55,"label":56,"slug":57,"rank":58,"group":321},{"id":37,"label":60,"slug":61},{"id":37,"label":323,"slug":324,"rank":37,"group":325},"Account Setup","account-setup",{"id":37,"label":60,"slug":61},{"id":327,"label":328,"slug":329,"rank":199,"group":330},25,"Upload & Download","upload-and-download",{"id":199,"label":201,"slug":202},[332,333,334,335],{"id":68,"title":69,"slug":70},{"id":99,"title":100,"slug":101},{"id":103,"title":104,"slug":105},{"id":72,"title":73,"slug":74},{"slug":31,"title":30,"logo":33,"categories":337},[],{"uuid":339,"title":340,"description":341,"canonical_path":4,"image":342,"width":49,"height":50,"image_alt":343,"kind":52,"patterns":344,"component_categories":362,"app":365},"af9d19a8-5c56-40bc-a2b5-5789e8c3ed2e","Product","Detail page where the user views a camera product with an option to purchase on Amazon, see who collected it, and write a comment.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcanopy_product_ca08fada_nicelydone.jpg","Product from Canopy",[345,350,355,357],{"id":346,"label":347,"slug":348,"rank":58,"group":349},82,"Media Detail","media-detail",{"id":155,"label":156,"slug":157},{"id":351,"label":352,"slug":353,"rank":37,"group":354},106,"Comments","comments",{"id":187,"label":188,"slug":189},{"id":257,"label":258,"slug":259,"rank":199,"group":356},{"id":199,"label":201,"slug":202},{"id":358,"label":359,"slug":360,"rank":41,"group":361},12,"Favorite","favorite",{"id":199,"label":201,"slug":202},[363,364],{"id":64,"title":65,"slug":66},{"id":72,"title":73,"slug":74},{"slug":31,"title":30,"logo":33,"categories":366},[],[],[369,371,373,375,377,379,381,383,385,387,389,391,393,396,399,402,405,408,410,414,418,422],{"label":152,"to":370},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":197,"to":372},"\u002Fexamples\u002Fscreens\u002Ffollow",{"label":258,"to":374},"\u002Fexamples\u002Fscreens\u002Fshare",{"label":86,"to":376},"\u002Fexamples\u002Fscreens\u002Fguided-tour",{"label":243,"to":378},"\u002Fexamples\u002Fscreens\u002Fprofile",{"label":56,"to":380},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":323,"to":382},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":352,"to":384},"\u002Fexamples\u002Fscreens\u002Fcomments",{"label":359,"to":386},"\u002Fexamples\u002Fscreens\u002Ffavorite",{"label":130,"to":388},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":347,"to":390},"\u002Fexamples\u002Fscreens\u002Fmedia-detail",{"label":178,"to":392},"\u002Fexamples\u002Fscreens\u002Fnotifications",{"label":394,"to":395},"Canopy marketing pages","\u002Fexamples\u002Fapps\u002Fcanopy\u002Fmarketing",{"label":397,"to":398},"Canopy user flows","\u002Fexamples\u002Fapps\u002Fcanopy\u002Fflows",{"label":400,"to":401},"Canopy UI components","\u002Fexamples\u002Fapps\u002Fcanopy\u002Fcomponents",{"label":403,"to":404},"Communities app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcommunities",{"label":406,"to":407},"Shopping app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fshopping",{"label":409,"to":18},"All SaaS app examples",{"label":411,"to":412,"description":413},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":415,"to":416,"description":417},"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":419,"to":420,"description":421},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":423,"to":424,"description":425},"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":427,"updated_at":428},"2016-05-24T19:45:00.000Z","2026-09-13T13:02:39.000Z"]