[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fcanopy":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":414},"\u002Fexamples\u002Fapps\u002Fcanopy","detail","apps",true,{"title":9,"description":10,"og_image":11},"Canopy design examples - Nicelydone","Explore Canopy UI design examples. Connecting people to great products through curation and community recommendations.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcanopy_sign-in-sign-up_ca4174f4_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},"Canopy design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":33},"SaaS app examples",[24],{"title":25,"links":26},"Explore Canopy",[27,30],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fcanopy\u002Fscreens",{"label":31,"to":32},"marketing pages","\u002Fexamples\u002Fapps\u002Fcanopy\u002Fmarketing",[],{"title":35,"slug":36,"description":37,"logo":38,"url":39,"categories":40},"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",[41,45],{"id":42,"title":43,"slug":44},1,"Communities","communities",{"id":46,"title":47,"slug":48},3,"Shopping","shopping",[],[51,376],{"family":52,"examples":53},"screens",[54,86,118,132,151,185,225,250,279,298,321,347],{"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":84},"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",[63],{"id":64,"label":65,"slug":66,"rank":67,"group":68},5,"Sign Up","sign-up",0,{"id":42,"label":69,"slug":70},"Access & Account","access-and-account",[72,76,80],{"id":73,"title":74,"slug":75},284,"Modal","modal",{"id":77,"title":78,"slug":79},240,"Horizontal navigation","horizontal-navigation",{"id":81,"title":82,"slug":83},175,"Button","button",{"slug":36,"title":35,"logo":38,"categories":85},[],{"uuid":87,"title":88,"description":89,"canonical_path":29,"image":90,"width":58,"height":59,"image_alt":91,"kind":61,"patterns":92,"component_categories":101,"app":116},"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",[93],{"id":94,"label":95,"slug":96,"rank":67,"group":97},73,"Guided Tour","guided-tour",{"id":98,"label":99,"slug":100},7,"Onboarding & Education","onboarding-and-education",[102,103,107,111,115],{"id":73,"title":74,"slug":75},{"id":104,"title":105,"slug":106},260,"Badge","badge",{"id":108,"title":109,"slug":110},169,"Avatar","avatar",{"id":112,"title":113,"slug":114},174,"Card","card",{"id":81,"title":82,"slug":83},{"slug":36,"title":35,"logo":38,"categories":117},[],{"uuid":119,"title":88,"description":120,"canonical_path":29,"image":121,"width":58,"height":59,"image_alt":91,"kind":61,"patterns":122,"component_categories":125,"app":130},"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",[123],{"id":94,"label":95,"slug":96,"rank":67,"group":124},{"id":98,"label":99,"slug":100},[126,127,128,129],{"id":73,"title":74,"slug":75},{"id":104,"title":105,"slug":106},{"id":112,"title":113,"slug":114},{"id":81,"title":82,"slug":83},{"slug":36,"title":35,"logo":38,"categories":131},[],{"uuid":133,"title":88,"description":134,"canonical_path":29,"image":135,"width":58,"height":59,"image_alt":91,"kind":61,"patterns":136,"component_categories":142,"app":149},"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",[137],{"id":138,"label":139,"slug":140,"rank":67,"group":141},72,"Getting Started","getting-started",{"id":98,"label":99,"slug":100},[143,144,145,146,147,148],{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"id":108,"title":109,"slug":110},{"id":104,"title":105,"slug":106},{"id":112,"title":113,"slug":114},{"id":81,"title":82,"slug":83},{"slug":36,"title":35,"logo":38,"categories":150},[],{"uuid":152,"title":153,"description":154,"canonical_path":29,"image":155,"width":58,"height":156,"image_alt":157,"kind":61,"patterns":158,"component_categories":175,"app":183},"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",[159,167],{"id":160,"label":161,"slug":162,"rank":67,"group":163},79,"Browse","browse",{"id":164,"label":165,"slug":166},8,"Pages & Content","pages-and-content",{"id":168,"label":169,"slug":170,"rank":42,"group":171},69,"Tabs","tabs",{"id":172,"label":173,"slug":174},6,"Navigation & Commands","navigation-and-commands",[176,178,179,180,181,182],{"id":177,"title":169,"slug":170},233,{"id":77,"title":78,"slug":79},{"id":108,"title":109,"slug":110},{"id":104,"title":105,"slug":106},{"id":112,"title":113,"slug":114},{"id":81,"title":82,"slug":83},{"slug":36,"title":35,"logo":38,"categories":184},[],{"uuid":186,"title":187,"description":188,"canonical_path":29,"image":189,"width":58,"height":59,"image_alt":190,"kind":61,"patterns":191,"component_categories":212,"app":223},"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",[192,199,204],{"id":193,"label":187,"slug":194,"rank":67,"group":195},110,"notifications",{"id":196,"label":197,"slug":198},11,"Social & Collaboration","social-and-collaboration",{"id":200,"label":201,"slug":202,"rank":42,"group":203},113,"Social Feed","social-feed",{"id":196,"label":197,"slug":198},{"id":205,"label":206,"slug":207,"rank":208,"group":209},14,"Follow","follow",2,{"id":208,"label":210,"slug":211},"Actions","actions",[213,217,218,219,220,221,222],{"id":214,"title":215,"slug":216},214,"Popover","popover",{"id":177,"title":169,"slug":170},{"id":77,"title":78,"slug":79},{"id":108,"title":109,"slug":110},{"id":104,"title":105,"slug":106},{"id":112,"title":113,"slug":114},{"id":81,"title":82,"slug":83},{"slug":36,"title":35,"logo":38,"categories":224},[],{"uuid":226,"title":227,"description":228,"canonical_path":29,"image":229,"width":58,"height":230,"image_alt":231,"kind":61,"patterns":232,"component_categories":242,"app":248},"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",[233,238,240],{"id":234,"label":235,"slug":236,"rank":67,"group":237},84,"Search Results","search-results",{"id":164,"label":165,"slug":166},{"id":160,"label":161,"slug":162,"rank":42,"group":239},{"id":164,"label":165,"slug":166},{"id":205,"label":206,"slug":207,"rank":208,"group":241},{"id":208,"label":210,"slug":211},[243,244,245,246,247],{"id":77,"title":78,"slug":79},{"id":108,"title":109,"slug":110},{"id":104,"title":105,"slug":106},{"id":112,"title":113,"slug":114},{"id":81,"title":82,"slug":83},{"slug":36,"title":35,"logo":38,"categories":249},[],{"uuid":251,"title":252,"description":253,"canonical_path":29,"image":254,"width":58,"height":255,"image_alt":256,"kind":61,"patterns":257,"component_categories":270,"app":277},"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",[258,261,263,265],{"id":46,"label":252,"slug":259,"rank":67,"group":260},"profile",{"id":196,"label":197,"slug":198},{"id":160,"label":161,"slug":162,"rank":42,"group":262},{"id":164,"label":165,"slug":166},{"id":205,"label":206,"slug":207,"rank":208,"group":264},{"id":208,"label":210,"slug":211},{"id":266,"label":267,"slug":268,"rank":46,"group":269},24,"Share","share",{"id":208,"label":210,"slug":211},[271,272,273,274,275,276],{"id":177,"title":169,"slug":170},{"id":77,"title":78,"slug":79},{"id":108,"title":109,"slug":110},{"id":104,"title":105,"slug":106},{"id":112,"title":113,"slug":114},{"id":81,"title":82,"slug":83},{"slug":36,"title":35,"logo":38,"categories":278},[],{"uuid":280,"title":267,"description":281,"canonical_path":29,"image":282,"width":58,"height":59,"image_alt":283,"kind":61,"patterns":284,"component_categories":289,"app":296},"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",[285,287],{"id":46,"label":252,"slug":259,"rank":67,"group":286},{"id":196,"label":197,"slug":198},{"id":266,"label":267,"slug":268,"rank":42,"group":288},{"id":208,"label":210,"slug":211},[290,291,292,293,294,295],{"id":177,"title":169,"slug":170},{"id":77,"title":78,"slug":79},{"id":108,"title":109,"slug":110},{"id":104,"title":105,"slug":106},{"id":112,"title":113,"slug":114},{"id":81,"title":82,"slug":83},{"slug":36,"title":35,"logo":38,"categories":297},[],{"uuid":299,"title":300,"description":301,"canonical_path":29,"image":302,"width":58,"height":303,"image_alt":304,"kind":61,"patterns":305,"component_categories":312,"app":319},"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",[306,308],{"id":160,"label":161,"slug":162,"rank":67,"group":307},{"id":164,"label":165,"slug":166},{"id":309,"label":227,"slug":310,"rank":42,"group":311},22,"search",{"id":208,"label":210,"slug":211},[313,314,315,316,317,318],{"id":177,"title":169,"slug":170},{"id":77,"title":78,"slug":79},{"id":108,"title":109,"slug":110},{"id":104,"title":105,"slug":106},{"id":112,"title":113,"slug":114},{"id":81,"title":82,"slug":83},{"slug":36,"title":35,"logo":38,"categories":320},[],{"uuid":322,"title":323,"description":324,"canonical_path":29,"image":325,"width":58,"height":326,"image_alt":327,"kind":61,"patterns":328,"component_categories":340,"app":345},"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",[329,331,335],{"id":64,"label":65,"slug":66,"rank":67,"group":330},{"id":42,"label":69,"slug":70},{"id":42,"label":332,"slug":333,"rank":42,"group":334},"Account Setup","account-setup",{"id":42,"label":69,"slug":70},{"id":336,"label":337,"slug":338,"rank":208,"group":339},25,"Upload & Download","upload-and-download",{"id":208,"label":210,"slug":211},[341,342,343,344],{"id":77,"title":78,"slug":79},{"id":108,"title":109,"slug":110},{"id":112,"title":113,"slug":114},{"id":81,"title":82,"slug":83},{"slug":36,"title":35,"logo":38,"categories":346},[],{"uuid":348,"title":349,"description":350,"canonical_path":29,"image":351,"width":58,"height":59,"image_alt":352,"kind":61,"patterns":353,"component_categories":371,"app":374},"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",[354,359,364,366],{"id":355,"label":356,"slug":357,"rank":67,"group":358},82,"Media Detail","media-detail",{"id":164,"label":165,"slug":166},{"id":360,"label":361,"slug":362,"rank":42,"group":363},106,"Comments","comments",{"id":196,"label":197,"slug":198},{"id":266,"label":267,"slug":268,"rank":208,"group":365},{"id":208,"label":210,"slug":211},{"id":367,"label":368,"slug":369,"rank":46,"group":370},12,"Favorite","favorite",{"id":208,"label":210,"slug":211},[372,373],{"id":73,"title":74,"slug":75},{"id":81,"title":82,"slug":83},{"slug":36,"title":35,"logo":38,"categories":375},[],{"family":377,"examples":378},"pages",[],[380,382,384,387,390,393,396,398,402,406,410],{"label":381,"to":29},"Canopy product screens",{"label":383,"to":32},"Canopy marketing pages",{"label":385,"to":386},"Canopy user flows","\u002Fexamples\u002Fapps\u002Fcanopy\u002Fflows",{"label":388,"to":389},"Canopy UI components","\u002Fexamples\u002Fapps\u002Fcanopy\u002Fcomponents",{"label":391,"to":392},"Communities app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcommunities",{"label":394,"to":395},"Shopping app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fshopping",{"label":397,"to":18},"All SaaS app examples",{"label":399,"to":400,"description":401},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":403,"to":404,"description":405},"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":407,"to":408,"description":409},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":411,"to":412,"description":413},"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":415,"updated_at":416},"2016-05-24T19:45:00.000Z","2026-09-13T13:02:39.000Z"]