[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fhivy\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":43,"showcases":347,"links":348,"dates":406},"\u002Fexamples\u002Fapps\u002Fhivy\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Hivy product screens examples - Nicelydone","Browse Hivy screen design examples. Preview the interface screenshots and explore related UI patterns. Easily manage your office","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fhivy_sign-in_1ee57ee4_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},"Hivy design examples","\u002Fexamples\u002Fapps\u002Fhivy",{"label":23,"to":4},"Hivy 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},"Hivy","hivy","Easily manage your office","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fhivy-6d6dbfa2.png","http:\u002F\u002Fhivyapp.com",[35,39],{"id":36,"title":37,"slug":38},30,"Productivity","productivity",{"id":40,"title":41,"slug":42},28,"Office Management","office-management",[44,73,103,117,157,186,209,242,264,286,303,325],{"uuid":45,"title":46,"description":47,"canonical_path":4,"image":11,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":52,"component_categories":62,"app":71},"f587c58b-f1d9-4f5b-9ade-2a651e1f0568","Sign in","Sign-in screen where the user enters their work email address to proceed to the next authentication step.",2880,1524,"Sign in from Hivy","screen",[53],{"id":54,"label":55,"slug":56,"rank":57,"group":58},4,"Sign In","sign-in",0,{"id":59,"label":60,"slug":61},1,"Access & Account","access-and-account",[63,67],{"id":64,"title":65,"slug":66},174,"Card","card",{"id":68,"title":69,"slug":70},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":72},[],{"uuid":74,"title":75,"description":76,"canonical_path":4,"image":77,"width":48,"height":49,"image_alt":78,"kind":51,"patterns":79,"component_categories":98,"app":101},"47d38fd0-8fb6-4486-bca6-bd6108b3abee","Sign up","Onboarding step where the user names their team and customizes the workspace URL.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fhivy_sign-up_f0c3afa2_nicelydone.jpg","Sign up from Hivy",[80,84,92],{"id":59,"label":81,"slug":82,"rank":57,"group":83},"Account Setup","account-setup",{"id":59,"label":60,"slug":61},{"id":85,"label":86,"slug":87,"rank":59,"group":88},104,"Team Management","team-management",{"id":89,"label":90,"slug":91},10,"Settings & Admin","settings-and-admin",{"id":93,"label":94,"slug":95,"rank":96,"group":97},5,"Sign Up","sign-up",2,{"id":59,"label":60,"slug":61},[99,100],{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":102},[],{"uuid":104,"title":75,"description":105,"canonical_path":4,"image":106,"width":48,"height":49,"image_alt":78,"kind":51,"patterns":107,"component_categories":112,"app":115},"2fb362ef-035a-4446-bb13-f389b12e3c88","Signup step where the user provides their personal details and sets a password to finish creating their team.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fhivy_sign-up-2_262f4914_nicelydone.jpg",[108,110],{"id":93,"label":94,"slug":95,"rank":57,"group":109},{"id":59,"label":60,"slug":61},{"id":59,"label":81,"slug":82,"rank":59,"group":111},{"id":59,"label":60,"slug":61},[113,114],{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":116},[],{"uuid":118,"title":119,"description":120,"canonical_path":4,"image":121,"width":48,"height":49,"image_alt":122,"kind":51,"patterns":123,"component_categories":137,"app":155},"25a573fe-89d5-46e2-b115-f81aff967bc8","Onboarding","Onboarding modal welcoming the first administrator to their company account, explaining they will soon be able to invite members.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fhivy_onboarding_2e46d7fd_nicelydone.jpg","Onboarding from Hivy",[124,132],{"id":125,"label":126,"slug":127,"rank":57,"group":128},77,"Welcome","welcome",{"id":129,"label":130,"slug":131},7,"Onboarding & Education","onboarding-and-education",{"id":133,"label":134,"slug":135,"rank":59,"group":136},73,"Guided Tour","guided-tour",{"id":129,"label":130,"slug":131},[138,142,146,150,154],{"id":139,"title":140,"slug":141},211,"Pagination","pagination",{"id":143,"title":144,"slug":145},284,"Modal","modal",{"id":147,"title":148,"slug":149},240,"Horizontal navigation","horizontal-navigation",{"id":151,"title":152,"slug":153},169,"Avatar","avatar",{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":156},[],{"uuid":158,"title":119,"description":159,"canonical_path":4,"image":160,"width":48,"height":49,"image_alt":122,"kind":51,"patterns":161,"component_categories":175,"app":184},"5d78c959-e73c-4a64-a0da-3a698839f019","Onboarding product tour modal explaining existing categories and items to a new user, featuring a preview list of office supplies like sponges and staplers.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fhivy_onboarding-2_42782533_nicelydone.jpg",[162,170],{"id":163,"label":164,"slug":165,"rank":57,"group":166},79,"Browse","browse",{"id":167,"label":168,"slug":169},8,"Pages & Content","pages-and-content",{"id":171,"label":172,"slug":173,"rank":59,"group":174},72,"Getting Started","getting-started",{"id":129,"label":130,"slug":131},[176,180,181,182,183],{"id":177,"title":178,"slug":179},227,"Stepper","stepper",{"id":143,"title":144,"slug":145},{"id":147,"title":148,"slug":149},{"id":151,"title":152,"slug":153},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":185},[],{"uuid":187,"title":119,"description":188,"canonical_path":4,"image":189,"width":48,"height":49,"image_alt":122,"kind":51,"patterns":190,"component_categories":201,"app":207},"9789a69c-3988-4523-8db8-804fe0249614","Onboarding step where the user is prompted to invite teammates by email with an option to skip and do it later.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fhivy_onboarding-3_f75fe65b_nicelydone.jpg",[191,193],{"id":85,"label":86,"slug":87,"rank":57,"group":192},{"id":89,"label":90,"slug":91},{"id":194,"label":195,"slug":196,"rank":59,"group":197},114,"Confirmation","confirmation",{"id":198,"label":199,"slug":200},12,"States & Feedback","states-and-feedback",[202,203,204,205,206],{"id":177,"title":178,"slug":179},{"id":143,"title":144,"slug":145},{"id":147,"title":148,"slug":149},{"id":151,"title":152,"slug":153},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":208},[],{"uuid":210,"title":119,"description":211,"canonical_path":4,"image":212,"width":48,"height":49,"image_alt":122,"kind":51,"patterns":213,"component_categories":228,"app":240},"3d098a50-9943-4693-9953-2e0c55b00c20","Kanban board where the user manages incoming requests across pending, accepted, and done columns, with an active product tour banner.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fhivy_onboarding-4_f30edcbb_nicelydone.jpg",[214,221],{"id":215,"label":216,"slug":217,"rank":57,"group":218},41,"Dashboard","dashboard",{"id":54,"label":219,"slug":220},"Data & Analysis","data-and-analysis",{"id":222,"label":223,"slug":224,"rank":59,"group":225},13,"Filter & Sort","filter-and-sort",{"id":96,"label":226,"slug":227},"Actions","actions",[229,233,237,238,239],{"id":230,"title":231,"slug":232},277,"Button group","button-group",{"id":234,"title":235,"slug":236},260,"Badge","badge",{"id":64,"title":65,"slug":66},{"id":147,"title":148,"slug":149},{"id":151,"title":152,"slug":153},{"slug":30,"title":29,"logo":32,"categories":241},[],{"uuid":243,"title":244,"description":245,"canonical_path":4,"image":246,"width":48,"height":49,"image_alt":247,"kind":51,"patterns":248,"component_categories":258,"app":262},"3706aa50-05b7-4677-ab64-588be2d413c0","Home product","Kanban board for managing incoming requests, currently empty with columns for pending, accepted, and done tasks.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fhivy_home-product_1a337882_nicelydone.jpg","Home product from Hivy",[249,251,256],{"id":215,"label":216,"slug":217,"rank":57,"group":250},{"id":54,"label":219,"slug":220},{"id":252,"label":253,"slug":254,"rank":59,"group":255},115,"Empty State","empty-state",{"id":198,"label":199,"slug":200},{"id":222,"label":223,"slug":224,"rank":96,"group":257},{"id":96,"label":226,"slug":227},[259,260,261],{"id":147,"title":148,"slug":149},{"id":151,"title":152,"slug":153},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":263},[],{"uuid":265,"title":266,"description":267,"canonical_path":4,"image":268,"width":48,"height":49,"image_alt":269,"kind":51,"patterns":270,"component_categories":275,"app":284},"87e6ff24-9c0b-4afd-986d-2017333d696e","Empty state","Dashboard showing an empty state for analytics because the user has no requests yet.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fhivy_empty-state_b7715db9_nicelydone.jpg","Empty state from Hivy",[271,273],{"id":252,"label":253,"slug":254,"rank":57,"group":272},{"id":198,"label":199,"slug":200},{"id":215,"label":216,"slug":217,"rank":59,"group":274},{"id":54,"label":219,"slug":220},[276,280,281,282,283],{"id":277,"title":278,"slug":279},233,"Tabs","tabs",{"id":64,"title":65,"slug":66},{"id":147,"title":148,"slug":149},{"id":151,"title":152,"slug":153},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":285},[],{"uuid":287,"title":288,"description":289,"canonical_path":4,"image":290,"width":48,"height":49,"image_alt":291,"kind":51,"patterns":292,"component_categories":295,"app":301},"36a192b5-e6eb-4590-a69e-f678ff18062e","Team","Settings page where the user manages their team members, viewing active and pending users with options to grant admin rights or delete users.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fhivy_team_75b908e7_nicelydone.jpg","Team from Hivy",[293],{"id":85,"label":86,"slug":87,"rank":57,"group":294},{"id":89,"label":90,"slug":91},[296,297,298,299,300],{"id":234,"title":235,"slug":236},{"id":64,"title":65,"slug":66},{"id":147,"title":148,"slug":149},{"id":151,"title":152,"slug":153},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":302},[],{"uuid":304,"title":305,"description":306,"canonical_path":4,"image":307,"width":48,"height":49,"image_alt":308,"kind":51,"patterns":309,"component_categories":317,"app":323},"06207a28-0675-4919-b0bf-e6294075395c","Add team member","Settings page where the user invites a new team member by entering their email, name, and assigning administrator rights via a modal.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fhivy_add-team-member_0bdbb3ea_nicelydone.jpg","Add team member from Hivy",[310,312],{"id":85,"label":86,"slug":87,"rank":57,"group":311},{"id":89,"label":90,"slug":91},{"id":313,"label":314,"slug":315,"rank":59,"group":316},100,"Roles & Permissions","roles-and-permissions",{"id":89,"label":90,"slug":91},[318,319,320,321,322],{"id":277,"title":278,"slug":279},{"id":143,"title":144,"slug":145},{"id":147,"title":148,"slug":149},{"id":151,"title":152,"slug":153},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":324},[],{"uuid":326,"title":327,"description":328,"canonical_path":4,"image":329,"width":48,"height":49,"image_alt":330,"kind":51,"patterns":331,"component_categories":339,"app":345},"b26793c0-45c7-42b3-be43-5f1ff45d661c","Integration","Settings page where the user is prompted to connect their team's Slack workspace to enable direct requests via a slash command.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fhivy_integration_7017495e_nicelydone.jpg","Integration from Hivy",[332,337],{"id":333,"label":334,"slug":335,"rank":57,"group":336},97,"Integrations","integrations",{"id":89,"label":90,"slug":91},{"id":252,"label":253,"slug":254,"rank":59,"group":338},{"id":198,"label":199,"slug":200},[340,341,342,343,344],{"id":277,"title":278,"slug":279},{"id":64,"title":65,"slug":66},{"id":147,"title":148,"slug":149},{"id":151,"title":152,"slug":153},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":346},[],[],[349,351,353,355,357,359,361,363,365,367,369,371,373,376,379,382,385,388,390,394,398,402],{"label":86,"to":350},"\u002Fexamples\u002Fscreens\u002Fteam-management",{"label":216,"to":352},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":253,"to":354},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":81,"to":356},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":223,"to":358},"\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":94,"to":360},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":164,"to":362},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":195,"to":364},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":172,"to":366},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":134,"to":368},"\u002Fexamples\u002Fscreens\u002Fguided-tour",{"label":334,"to":370},"\u002Fexamples\u002Fscreens\u002Fintegrations",{"label":314,"to":372},"\u002Fexamples\u002Fscreens\u002Froles-and-permissions",{"label":374,"to":375},"Hivy marketing pages","\u002Fexamples\u002Fapps\u002Fhivy\u002Fmarketing",{"label":377,"to":378},"Hivy user flows","\u002Fexamples\u002Fapps\u002Fhivy\u002Fflows",{"label":380,"to":381},"Hivy UI components","\u002Fexamples\u002Fapps\u002Fhivy\u002Fcomponents",{"label":383,"to":384},"Productivity app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"label":386,"to":387},"Office Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Foffice-management",{"label":389,"to":18},"All SaaS app examples",{"label":391,"to":392,"description":393},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":395,"to":396,"description":397},"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":399,"to":400,"description":401},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":403,"to":404,"description":405},"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":407,"updated_at":408},"2016-11-04T08:00:00.000Z","2026-09-13T13:02:39.000Z"]