[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fheight":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":60,"showcases":61,"links":344,"dates":380},"\u002Fexamples\u002Fapps\u002Fheight","detail","apps",true,{"title":9,"description":10,"og_image":11},"Height design examples - Nicelydone","Explore Height UI design examples. Manage projects across engineering, product, design, and other teams","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4b5d2240-d52b-4936-b9c4-7c39c40e7749.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Height design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Height",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fheight\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fheight\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Fheight\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Fheight\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"twitter_username":46,"categories":47},"Height","height","Manage projects across engineering, product, design, and other teams","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fheight-29b426a4.png","https:\u002F\u002Fheight.app","height_app",[48,52,56],{"id":49,"title":50,"slug":51},86,"Product management","product-management",{"id":53,"title":54,"slug":55},29,"Task Management","task-management",{"id":57,"title":58,"slug":59},30,"Productivity","productivity",[],[62,335,338,341],{"family":63,"examples":64},"screens",[65,94,105,120,132,147,158,182,227,260,305,324],{"uuid":66,"title":67,"description":68,"canonical_path":29,"image":11,"width":69,"height":70,"image_alt":71,"kind":72,"patterns":73,"component_categories":83,"app":92},"4b5d2240-d52b-4936-b9c4-7c39c40e7749","Log in - Height","Sign-in screen where the user authenticates with Google, Apple, email, or SAML SSO.",3024,1778,"Log in - Height from Height","screen",[74],{"id":75,"label":76,"slug":77,"rank":78,"group":79},4,"Sign In","sign-in",0,{"id":80,"label":81,"slug":82},1,"Access & Account","access-and-account",[84,88],{"id":85,"title":86,"slug":87},174,"Card","card",{"id":89,"title":90,"slug":91},175,"Button","button",{"slug":42,"title":41,"logo":44,"categories":93},[],{"uuid":95,"title":67,"description":68,"canonical_path":29,"image":96,"width":69,"height":70,"image_alt":71,"kind":72,"patterns":97,"component_categories":100,"app":103},"fd4388d5-6530-43d2-85da-b2ddda8ae483","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffd4388d5-6530-43d2-85da-b2ddda8ae483.png",[98],{"id":75,"label":76,"slug":77,"rank":78,"group":99},{"id":80,"label":81,"slug":82},[101,102],{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"slug":42,"title":41,"logo":44,"categories":104},[],{"uuid":106,"title":67,"description":107,"canonical_path":29,"image":108,"width":69,"height":70,"image_alt":71,"kind":72,"patterns":109,"component_categories":115,"app":118},"dc2662b2-ab46-4fcb-af60-08c36c8b41b3","Signup screen where the user provides their email, password, and full name to proceed with account creation.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdc2662b2-ab46-4fcb-af60-08c36c8b41b3.png",[110],{"id":111,"label":112,"slug":113,"rank":78,"group":114},5,"Sign Up","sign-up",{"id":80,"label":81,"slug":82},[116,117],{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"slug":42,"title":41,"logo":44,"categories":119},[],{"uuid":121,"title":67,"description":122,"canonical_path":29,"image":123,"width":69,"height":70,"image_alt":71,"kind":72,"patterns":124,"component_categories":127,"app":130},"0cd97139-9cac-4b0f-b349-8501b8a362a9","Signup step where the user provides their email, password, and full name to create a new account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0cd97139-9cac-4b0f-b349-8501b8a362a9.png",[125],{"id":111,"label":112,"slug":113,"rank":78,"group":126},{"id":80,"label":81,"slug":82},[128,129],{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"slug":42,"title":41,"logo":44,"categories":131},[],{"uuid":133,"title":67,"description":134,"canonical_path":29,"image":135,"width":69,"height":70,"image_alt":71,"kind":72,"patterns":136,"component_categories":142,"app":145},"dff632cf-1785-489f-ba87-43dba13fdeef","Verification screen where the user enters a unique code sent to their email to complete the signup process.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdff632cf-1785-489f-ba87-43dba13fdeef.png",[137],{"id":138,"label":139,"slug":140,"rank":78,"group":141},6,"Verification","verification",{"id":80,"label":81,"slug":82},[143,144],{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"slug":42,"title":41,"logo":44,"categories":146},[],{"uuid":148,"title":67,"description":134,"canonical_path":29,"image":149,"width":69,"height":70,"image_alt":71,"kind":72,"patterns":150,"component_categories":153,"app":156},"bb5912e6-c467-4853-b83e-8ffffd5b5d86","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbb5912e6-c467-4853-b83e-8ffffd5b5d86.png",[151],{"id":138,"label":139,"slug":140,"rank":78,"group":152},{"id":80,"label":81,"slug":82},[154,155],{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"slug":42,"title":41,"logo":44,"categories":157},[],{"uuid":159,"title":160,"description":161,"canonical_path":29,"image":162,"width":69,"height":70,"image_alt":163,"kind":72,"patterns":164,"component_categories":178,"app":180},"14451d43-481d-486a-a776-5335cd4aeb2e","Get started - Height","Onboarding step where the user is welcomed to the app and prompted to get started.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F14451d43-481d-486a-a776-5335cd4aeb2e.png","Get started - Height from Height",[165,173],{"id":166,"label":167,"slug":168,"rank":78,"group":169},77,"Welcome","welcome",{"id":170,"label":171,"slug":172},7,"Onboarding & Education","onboarding-and-education",{"id":174,"label":175,"slug":176,"rank":80,"group":177},72,"Getting Started","getting-started",{"id":170,"label":171,"slug":172},[179],{"id":89,"title":90,"slug":91},{"slug":42,"title":41,"logo":44,"categories":181},[],{"uuid":183,"title":160,"description":184,"canonical_path":29,"image":185,"width":69,"height":70,"image_alt":163,"kind":72,"patterns":186,"component_categories":207,"app":225},"082db537-a8f4-4bda-86f7-9ee715e0da7a","Detail page for a new website project where a user can view task attributes, watch an embedded video update, and review the activity feed or add comments in the right sidebar.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F082db537-a8f4-4bda-86f7-9ee715e0da7a.png",[187,192,199],{"id":188,"label":189,"slug":190,"rank":78,"group":191},74,"Onboarding Checklist","onboarding-checklist",{"id":170,"label":171,"slug":172},{"id":170,"label":193,"slug":194,"rank":80,"group":195},"Add & Create","add-and-create",{"id":196,"label":197,"slug":198},2,"Actions","actions",{"id":200,"label":201,"slug":202,"rank":196,"group":203},79,"Browse","browse",{"id":204,"label":205,"slug":206},8,"Pages & Content","pages-and-content",[208,212,216,220,224],{"id":209,"title":210,"slug":211},177,"Breadcrumb","breadcrumb",{"id":213,"title":214,"slug":215},240,"Horizontal navigation","horizontal-navigation",{"id":217,"title":218,"slug":219},233,"Tabs","tabs",{"id":221,"title":222,"slug":223},169,"Avatar","avatar",{"id":85,"title":86,"slug":87},{"slug":42,"title":41,"logo":44,"categories":226},[],{"uuid":228,"title":160,"description":229,"canonical_path":29,"image":230,"width":69,"height":70,"image_alt":163,"kind":72,"patterns":231,"component_categories":252,"app":258},"393fe4c1-23c1-4a6a-bb8d-b418895a269f","Detail page for a project task featuring a rich text description, attribute tags, and a right-hand activity feed with a chat composer and a video message.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F393fe4c1-23c1-4a6a-bb8d-b418895a269f.png",[232,237,242,249],{"id":233,"label":234,"slug":235,"rank":78,"group":236},85,"Tasks","tasks",{"id":204,"label":205,"slug":206},{"id":238,"label":239,"slug":240,"rank":80,"group":241},11,"Edit","edit",{"id":196,"label":197,"slug":198},{"id":243,"label":244,"slug":245,"rank":196,"group":246},106,"Comments","comments",{"id":238,"label":247,"slug":248},"Social & Collaboration","social-and-collaboration",{"id":174,"label":175,"slug":176,"rank":250,"group":251},3,{"id":170,"label":171,"slug":172},[253,254,255,256,257],{"id":213,"title":214,"slug":215},{"id":217,"title":218,"slug":219},{"id":221,"title":222,"slug":223},{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"slug":42,"title":41,"logo":44,"categories":259},[],{"uuid":261,"title":160,"description":262,"canonical_path":29,"image":263,"width":69,"height":70,"image_alt":163,"kind":72,"patterns":264,"component_categories":293,"app":303},"bc83a05a-2c1e-435d-b927-96c75ed465bd","Detail page where the user views project attributes, a rich text description, and an activity feed with an onboarding video tour.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbc83a05a-2c1e-435d-b927-96c75ed465bd.png",[265,267,274,281,286],{"id":174,"label":175,"slug":176,"rank":78,"group":266},{"id":170,"label":171,"slug":172},{"id":268,"label":269,"slug":270,"rank":80,"group":271},38,"Activity Log","activity-log",{"id":75,"label":272,"slug":273},"Data & Analysis","data-and-analysis",{"id":275,"label":276,"slug":277,"rank":196,"group":278},35,"Chatbot","chatbot",{"id":250,"label":279,"slug":280},"AI","ai",{"id":282,"label":283,"slug":284,"rank":250,"group":285},81,"Home","home",{"id":204,"label":205,"slug":206},{"id":287,"label":288,"slug":289,"rank":75,"group":290},61,"Video Player","video-player",{"id":111,"label":291,"slug":292},"Media & Tools","media-and-tools",[294,295,299,300,301,302],{"id":209,"title":210,"slug":211},{"id":296,"title":297,"slug":298},260,"Badge","badge",{"id":213,"title":214,"slug":215},{"id":221,"title":222,"slug":223},{"id":89,"title":90,"slug":91},{"id":85,"title":86,"slug":87},{"slug":42,"title":41,"logo":44,"categories":304},[],{"uuid":306,"title":160,"description":307,"canonical_path":29,"image":308,"width":69,"height":70,"image_alt":163,"kind":72,"patterns":309,"component_categories":316,"app":322},"2fcbe436-6cc8-455a-a964-aec1ebb64b72","Detail page for a specific task featuring a rich text overview on the left and an activity feed on the right with an AI-drafted project checkup awaiting review.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2fcbe436-6cc8-455a-a964-aec1ebb64b72.png",[310,312,314],{"id":174,"label":175,"slug":176,"rank":78,"group":311},{"id":170,"label":171,"slug":172},{"id":188,"label":189,"slug":190,"rank":80,"group":313},{"id":170,"label":171,"slug":172},{"id":200,"label":201,"slug":202,"rank":196,"group":315},{"id":204,"label":205,"slug":206},[317,318,319,320,321],{"id":296,"title":297,"slug":298},{"id":217,"title":218,"slug":219},{"id":221,"title":222,"slug":223},{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"slug":42,"title":41,"logo":44,"categories":323},[],{"uuid":325,"title":67,"description":68,"canonical_path":29,"image":326,"width":69,"height":70,"image_alt":71,"kind":72,"patterns":327,"component_categories":330,"app":333},"9647bd33-974b-47c2-9149-2ede911011d7","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9647bd33-974b-47c2-9149-2ede911011d7.png",[328],{"id":75,"label":76,"slug":77,"rank":78,"group":329},{"id":80,"label":81,"slug":82},[331,332],{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"slug":42,"title":41,"logo":44,"categories":334},[],{"family":336,"examples":337},"flows",[],{"family":339,"examples":340},"components",[],{"family":342,"examples":343},"pages",[],[345,347,349,351,353,356,359,362,364,368,372,376],{"label":346,"to":29},"Height product screens",{"label":348,"to":38},"Height marketing pages",{"label":350,"to":32},"Height user flows",{"label":352,"to":35},"Height UI components",{"label":354,"to":355},"Product management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproduct-management",{"label":357,"to":358},"Task Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ftask-management",{"label":360,"to":361},"Productivity app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"label":363,"to":18},"All SaaS app examples",{"label":365,"to":366,"description":367},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":369,"to":370,"description":371},"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":373,"to":374,"description":375},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":377,"to":378,"description":379},"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":381,"updated_at":382},"2021-10-18T08:35:58.000Z","2026-09-13T13:02:39.000Z"]