[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fhivy":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":360,"dates":395},"\u002Fexamples\u002Fapps\u002Fhivy","detail","apps",true,{"title":9,"description":10,"og_image":11},"Hivy design examples - Nicelydone","Explore Hivy UI design examples. Easily manage your office","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fhivy_sign-in_1ee57ee4_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},"Hivy design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":33},"SaaS app examples",[24],{"title":25,"links":26},"Explore Hivy",[27,30],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fhivy\u002Fscreens",{"label":31,"to":32},"marketing pages","\u002Fexamples\u002Fapps\u002Fhivy\u002Fmarketing",[],{"title":35,"slug":36,"description":37,"logo":38,"url":39,"categories":40},"Hivy","hivy","Easily manage your office","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fhivy-6d6dbfa2.png","http:\u002F\u002Fhivyapp.com",[41,45],{"id":42,"title":43,"slug":44},30,"Productivity","productivity",{"id":46,"title":47,"slug":48},28,"Office Management","office-management",[],[51,357],{"family":52,"examples":53},"screens",[54,83,113,127,167,196,219,252,274,296,313,335],{"uuid":55,"title":56,"description":57,"canonical_path":29,"image":11,"width":58,"height":59,"image_alt":60,"kind":61,"patterns":62,"component_categories":72,"app":81},"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",[63],{"id":64,"label":65,"slug":66,"rank":67,"group":68},4,"Sign In","sign-in",0,{"id":69,"label":70,"slug":71},1,"Access & Account","access-and-account",[73,77],{"id":74,"title":75,"slug":76},174,"Card","card",{"id":78,"title":79,"slug":80},175,"Button","button",{"slug":36,"title":35,"logo":38,"categories":82},[],{"uuid":84,"title":85,"description":86,"canonical_path":29,"image":87,"width":58,"height":59,"image_alt":88,"kind":61,"patterns":89,"component_categories":108,"app":111},"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",[90,94,102],{"id":69,"label":91,"slug":92,"rank":67,"group":93},"Account Setup","account-setup",{"id":69,"label":70,"slug":71},{"id":95,"label":96,"slug":97,"rank":69,"group":98},104,"Team Management","team-management",{"id":99,"label":100,"slug":101},10,"Settings & Admin","settings-and-admin",{"id":103,"label":104,"slug":105,"rank":106,"group":107},5,"Sign Up","sign-up",2,{"id":69,"label":70,"slug":71},[109,110],{"id":74,"title":75,"slug":76},{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":112},[],{"uuid":114,"title":85,"description":115,"canonical_path":29,"image":116,"width":58,"height":59,"image_alt":88,"kind":61,"patterns":117,"component_categories":122,"app":125},"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",[118,120],{"id":103,"label":104,"slug":105,"rank":67,"group":119},{"id":69,"label":70,"slug":71},{"id":69,"label":91,"slug":92,"rank":69,"group":121},{"id":69,"label":70,"slug":71},[123,124],{"id":74,"title":75,"slug":76},{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":126},[],{"uuid":128,"title":129,"description":130,"canonical_path":29,"image":131,"width":58,"height":59,"image_alt":132,"kind":61,"patterns":133,"component_categories":147,"app":165},"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",[134,142],{"id":135,"label":136,"slug":137,"rank":67,"group":138},77,"Welcome","welcome",{"id":139,"label":140,"slug":141},7,"Onboarding & Education","onboarding-and-education",{"id":143,"label":144,"slug":145,"rank":69,"group":146},73,"Guided Tour","guided-tour",{"id":139,"label":140,"slug":141},[148,152,156,160,164],{"id":149,"title":150,"slug":151},211,"Pagination","pagination",{"id":153,"title":154,"slug":155},284,"Modal","modal",{"id":157,"title":158,"slug":159},240,"Horizontal navigation","horizontal-navigation",{"id":161,"title":162,"slug":163},169,"Avatar","avatar",{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":166},[],{"uuid":168,"title":129,"description":169,"canonical_path":29,"image":170,"width":58,"height":59,"image_alt":132,"kind":61,"patterns":171,"component_categories":185,"app":194},"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",[172,180],{"id":173,"label":174,"slug":175,"rank":67,"group":176},79,"Browse","browse",{"id":177,"label":178,"slug":179},8,"Pages & Content","pages-and-content",{"id":181,"label":182,"slug":183,"rank":69,"group":184},72,"Getting Started","getting-started",{"id":139,"label":140,"slug":141},[186,190,191,192,193],{"id":187,"title":188,"slug":189},227,"Stepper","stepper",{"id":153,"title":154,"slug":155},{"id":157,"title":158,"slug":159},{"id":161,"title":162,"slug":163},{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":195},[],{"uuid":197,"title":129,"description":198,"canonical_path":29,"image":199,"width":58,"height":59,"image_alt":132,"kind":61,"patterns":200,"component_categories":211,"app":217},"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",[201,203],{"id":95,"label":96,"slug":97,"rank":67,"group":202},{"id":99,"label":100,"slug":101},{"id":204,"label":205,"slug":206,"rank":69,"group":207},114,"Confirmation","confirmation",{"id":208,"label":209,"slug":210},12,"States & Feedback","states-and-feedback",[212,213,214,215,216],{"id":187,"title":188,"slug":189},{"id":153,"title":154,"slug":155},{"id":157,"title":158,"slug":159},{"id":161,"title":162,"slug":163},{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":218},[],{"uuid":220,"title":129,"description":221,"canonical_path":29,"image":222,"width":58,"height":59,"image_alt":132,"kind":61,"patterns":223,"component_categories":238,"app":250},"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",[224,231],{"id":225,"label":226,"slug":227,"rank":67,"group":228},41,"Dashboard","dashboard",{"id":64,"label":229,"slug":230},"Data & Analysis","data-and-analysis",{"id":232,"label":233,"slug":234,"rank":69,"group":235},13,"Filter & Sort","filter-and-sort",{"id":106,"label":236,"slug":237},"Actions","actions",[239,243,247,248,249],{"id":240,"title":241,"slug":242},277,"Button group","button-group",{"id":244,"title":245,"slug":246},260,"Badge","badge",{"id":74,"title":75,"slug":76},{"id":157,"title":158,"slug":159},{"id":161,"title":162,"slug":163},{"slug":36,"title":35,"logo":38,"categories":251},[],{"uuid":253,"title":254,"description":255,"canonical_path":29,"image":256,"width":58,"height":59,"image_alt":257,"kind":61,"patterns":258,"component_categories":268,"app":272},"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",[259,261,266],{"id":225,"label":226,"slug":227,"rank":67,"group":260},{"id":64,"label":229,"slug":230},{"id":262,"label":263,"slug":264,"rank":69,"group":265},115,"Empty State","empty-state",{"id":208,"label":209,"slug":210},{"id":232,"label":233,"slug":234,"rank":106,"group":267},{"id":106,"label":236,"slug":237},[269,270,271],{"id":157,"title":158,"slug":159},{"id":161,"title":162,"slug":163},{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":273},[],{"uuid":275,"title":276,"description":277,"canonical_path":29,"image":278,"width":58,"height":59,"image_alt":279,"kind":61,"patterns":280,"component_categories":285,"app":294},"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",[281,283],{"id":262,"label":263,"slug":264,"rank":67,"group":282},{"id":208,"label":209,"slug":210},{"id":225,"label":226,"slug":227,"rank":69,"group":284},{"id":64,"label":229,"slug":230},[286,290,291,292,293],{"id":287,"title":288,"slug":289},233,"Tabs","tabs",{"id":74,"title":75,"slug":76},{"id":157,"title":158,"slug":159},{"id":161,"title":162,"slug":163},{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":295},[],{"uuid":297,"title":298,"description":299,"canonical_path":29,"image":300,"width":58,"height":59,"image_alt":301,"kind":61,"patterns":302,"component_categories":305,"app":311},"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",[303],{"id":95,"label":96,"slug":97,"rank":67,"group":304},{"id":99,"label":100,"slug":101},[306,307,308,309,310],{"id":244,"title":245,"slug":246},{"id":74,"title":75,"slug":76},{"id":157,"title":158,"slug":159},{"id":161,"title":162,"slug":163},{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":312},[],{"uuid":314,"title":315,"description":316,"canonical_path":29,"image":317,"width":58,"height":59,"image_alt":318,"kind":61,"patterns":319,"component_categories":327,"app":333},"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",[320,322],{"id":95,"label":96,"slug":97,"rank":67,"group":321},{"id":99,"label":100,"slug":101},{"id":323,"label":324,"slug":325,"rank":69,"group":326},100,"Roles & Permissions","roles-and-permissions",{"id":99,"label":100,"slug":101},[328,329,330,331,332],{"id":287,"title":288,"slug":289},{"id":153,"title":154,"slug":155},{"id":157,"title":158,"slug":159},{"id":161,"title":162,"slug":163},{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":334},[],{"uuid":336,"title":337,"description":338,"canonical_path":29,"image":339,"width":58,"height":59,"image_alt":340,"kind":61,"patterns":341,"component_categories":349,"app":355},"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",[342,347],{"id":343,"label":344,"slug":345,"rank":67,"group":346},97,"Integrations","integrations",{"id":99,"label":100,"slug":101},{"id":262,"label":263,"slug":264,"rank":69,"group":348},{"id":208,"label":209,"slug":210},[350,351,352,353,354],{"id":287,"title":288,"slug":289},{"id":74,"title":75,"slug":76},{"id":157,"title":158,"slug":159},{"id":161,"title":162,"slug":163},{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":356},[],{"family":358,"examples":359},"pages",[],[361,363,365,368,371,374,377,379,383,387,391],{"label":362,"to":29},"Hivy product screens",{"label":364,"to":32},"Hivy marketing pages",{"label":366,"to":367},"Hivy user flows","\u002Fexamples\u002Fapps\u002Fhivy\u002Fflows",{"label":369,"to":370},"Hivy UI components","\u002Fexamples\u002Fapps\u002Fhivy\u002Fcomponents",{"label":372,"to":373},"Productivity app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"label":375,"to":376},"Office Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Foffice-management",{"label":378,"to":18},"All SaaS app examples",{"label":380,"to":381,"description":382},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":384,"to":385,"description":386},"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":388,"to":389,"description":390},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":392,"to":393,"description":394},"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":396,"updated_at":397},"2016-11-04T08:00:00.000Z","2026-09-13T13:02:39.000Z"]