[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fhopin\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":108,"links":109,"dates":149},"\u002Fexamples\u002Fapps\u002Fhopin\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Hopin product screens examples - Nicelydone","Browse Hopin screen design examples. Preview the interface screenshots and explore related UI patterns. Online venue for virtual events","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fhopin_sign-in_e5c9cc29_nicelydone.png",[13,16,19,22],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":21},"Hopin design examples","\u002Fexamples\u002Fapps\u002Fhopin",{"label":23,"to":4},"Hopin 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},"Hopin","hopin","Online venue for virtual events","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fhopin-75782664.png","https:\u002F\u002Fhopin.com\u002F",[35,39],{"id":36,"title":37,"slug":38},26,"Events","events",{"id":40,"title":41,"slug":42},70,"Video streaming","video-streaming",[44,81],{"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":79},"ccb782f0-902d-4f32-87aa-11207780f82e","Sign in | Hopin","Sign-in page where the user authenticates with email, single sign-on, or social providers to complete their registration for a specific hosted event.",3072,1780,"Sign in | Hopin from Hopin","screen",[53],{"id":54,"label":55,"slug":56,"rank":57,"group":58},2,"Forgot Password","forgot-password",0,{"id":59,"label":60,"slug":61},1,"Access & Account","access-and-account",[63,67,71,75],{"id":64,"title":65,"slug":66},260,"Badge","badge",{"id":68,"title":69,"slug":70},174,"Card","card",{"id":72,"title":73,"slug":74},175,"Button","button",{"id":76,"title":77,"slug":78},277,"Button group","button-group",{"slug":30,"title":29,"logo":32,"categories":80},[],{"uuid":82,"title":83,"description":84,"canonical_path":4,"image":85,"width":48,"height":86,"image_alt":87,"kind":51,"patterns":88,"component_categories":98,"app":106},"c1c64aa7-c68c-4f90-8bcf-2adf8eec84a5","Create an Account | Hopin","Signup page where the user creates an account to complete their registration for a specific hosted event, offering email\u002Fpassword or social login options.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fhopin_sign-up_3afd2303_nicelydone.png",2120,"Create an Account | Hopin from Hopin",[89,94],{"id":90,"label":91,"slug":92,"rank":57,"group":93},5,"Sign Up","sign-up",{"id":59,"label":60,"slug":61},{"id":59,"label":95,"slug":96,"rank":59,"group":97},"Account Setup","account-setup",{"id":59,"label":60,"slug":61},[99,103,104,105],{"id":100,"title":101,"slug":102},169,"Avatar","avatar",{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":107},[],[],[110,112,114,116,119,122,125,128,131,133,137,141,145],{"label":95,"to":111},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":55,"to":113},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":91,"to":115},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":117,"to":118},"Hopin marketing pages","\u002Fexamples\u002Fapps\u002Fhopin\u002Fmarketing",{"label":120,"to":121},"Hopin user flows","\u002Fexamples\u002Fapps\u002Fhopin\u002Fflows",{"label":123,"to":124},"Hopin UI components","\u002Fexamples\u002Fapps\u002Fhopin\u002Fcomponents",{"label":126,"to":127},"Events app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fevents",{"label":129,"to":130},"Video streaming app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fvideo-streaming",{"label":132,"to":18},"All SaaS app examples",{"label":134,"to":135,"description":136},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":138,"to":139,"description":140},"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":142,"to":143,"description":144},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":146,"to":147,"description":148},"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":150,"updated_at":151},"2020-11-28T20:25:00.000Z","2026-09-13T13:02:39.000Z"]