[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fvirb\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":47,"showcases":302,"links":303,"dates":364},"\u002Fexamples\u002Fapps\u002Fvirb\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Virb product screens examples - Nicelydone","Browse Virb screen design examples. Preview the interface screenshots and explore related UI patterns. Build your own website","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fvirb_sign-in_99113c3e_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},"Virb design examples","\u002Fexamples\u002Fapps\u002Fvirb",{"label":23,"to":4},"Virb 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},"Virb","virb","Build your own website","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fvirb-c1e6787d.png","https:\u002F\u002Fvirb.com",[35,39,43],{"id":36,"title":37,"slug":38},6,"Publishing","publishing",{"id":40,"title":41,"slug":42},7,"Web Development","web-development",{"id":44,"title":45,"slug":46},8,"Design","design",[48,77,94,119,129,174,184,194,204,229,259,269],{"uuid":49,"title":50,"description":51,"canonical_path":4,"image":11,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":56,"component_categories":66,"app":75},"64717988-1f76-4d37-bb2c-be9e7892ce2e","Sign in","Sign-in screen where the user authenticates with an email address and password, featuring a prominent green login button and a prompt to start a free trial.",2800,1552,"Sign in from Virb","screen",[57],{"id":58,"label":59,"slug":60,"rank":61,"group":62},4,"Sign In","sign-in",0,{"id":63,"label":64,"slug":65},1,"Access & Account","access-and-account",[67,71],{"id":68,"title":69,"slug":70},175,"Button","button",{"id":72,"title":73,"slug":74},174,"Card","card",{"slug":30,"title":29,"logo":32,"categories":76},[],{"uuid":78,"title":79,"description":80,"canonical_path":4,"image":81,"width":52,"height":53,"image_alt":82,"kind":55,"patterns":83,"component_categories":89,"app":92},"bd6b7995-d114-4d71-918e-2162205d709f","Password reset","Password recovery screen where the user enters their email address to receive a reset link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fvirb_password-reset_12c54fb8_nicelydone.jpg","Password reset from Virb",[84],{"id":85,"label":86,"slug":87,"rank":61,"group":88},2,"Forgot Password","forgot-password",{"id":63,"label":64,"slug":65},[90,91],{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":93},[],{"uuid":95,"title":96,"description":97,"canonical_path":4,"image":98,"width":52,"height":99,"image_alt":100,"kind":55,"patterns":101,"component_categories":115,"app":117},"c89564cb-c511-49f3-b5df-b9a43c15fee7","Sign up","Signup page where the user enters personal details and website information to start a free 10-day trial, completing a custom word-selection captcha to proceed.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fvirb_sign-up_c5191e69_nicelydone.jpg",2354,"Sign up from Virb",[102,107],{"id":103,"label":104,"slug":105,"rank":61,"group":106},5,"Sign Up","sign-up",{"id":63,"label":64,"slug":65},{"id":108,"label":109,"slug":110,"rank":63,"group":111},91,"Trial","trial",{"id":112,"label":113,"slug":114},9,"Plans & Limits","plans-and-limits",[116],{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":118},[],{"uuid":120,"title":121,"description":121,"canonical_path":4,"image":122,"width":52,"height":123,"image_alt":124,"kind":55,"patterns":125,"component_categories":126,"app":127},"f676c1ab-2409-4b98-888c-e9576e4e6419","Onboarding","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fvirb_onboarding_a7ba6074_nicelydone.jpg",1544,"Onboarding from Virb",[],[],{"slug":30,"title":29,"logo":32,"categories":128},[],{"uuid":130,"title":121,"description":131,"canonical_path":4,"image":132,"width":52,"height":133,"image_alt":124,"kind":55,"patterns":134,"component_categories":157,"app":172},"26b74231-86ed-408a-8c6e-1dd3d88b0a95","Onboarding step for a website builder where the user is prompted by a tutorial modal to add their first page to an empty workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fvirb_onboarding-2_47508090_nicelydone.jpg",1766,[135,142,150],{"id":136,"label":137,"slug":138,"rank":61,"group":139},72,"Getting Started","getting-started",{"id":40,"label":140,"slug":141},"Onboarding & Education","onboarding-and-education",{"id":143,"label":144,"slug":145,"rank":63,"group":146},115,"Empty State","empty-state",{"id":147,"label":148,"slug":149},12,"States & Feedback","states-and-feedback",{"id":151,"label":152,"slug":153,"rank":85,"group":154},80,"Files","files",{"id":44,"label":155,"slug":156},"Pages & Content","pages-and-content",[158,162,166,170,171],{"id":159,"title":160,"slug":161},284,"Modal","modal",{"id":163,"title":164,"slug":165},227,"Stepper","stepper",{"id":167,"title":168,"slug":169},240,"Horizontal navigation","horizontal-navigation",{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":173},[],{"uuid":175,"title":176,"description":177,"canonical_path":4,"image":178,"width":52,"height":133,"image_alt":179,"kind":55,"patterns":180,"component_categories":181,"app":182},"58db07d1-8728-4ca0-9e03-99e02a836280","Tooltip","Content management Dashboard Configuration","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fvirb_tooltip_87b0cf9f_nicelydone.jpg","Tooltip from Virb",[],[],{"slug":30,"title":29,"logo":32,"categories":183},[],{"uuid":185,"title":186,"description":187,"canonical_path":4,"image":188,"width":52,"height":123,"image_alt":189,"kind":55,"patterns":190,"component_categories":191,"app":192},"c42e3eb5-b87a-473b-8099-032ff5293178","List","Grid Onboarding Content management Modal screen","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fvirb_list_2944052f_nicelydone.jpg","List from Virb",[],[],{"slug":30,"title":29,"logo":32,"categories":193},[],{"uuid":195,"title":196,"canonical_path":4,"image":197,"width":52,"height":198,"image_alt":199,"kind":55,"patterns":200,"component_categories":201,"app":202},"2e2c7450-e745-4b26-9754-01ad22209705","Create","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fvirb_create_b79f68f9_nicelydone.jpg",3814,"Create from Virb",[],[],{"slug":30,"title":29,"logo":32,"categories":203},[],{"uuid":205,"title":206,"description":207,"canonical_path":4,"image":208,"width":52,"height":209,"image_alt":210,"kind":55,"patterns":211,"component_categories":219,"app":227},"0e5b63b6-87a3-45df-a94e-638aa9aa94fa","Settings","Settings page where the user configures their website's general information, SEO details, custom domain, and connected accounts.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fvirb_settings_3ed2db70_nicelydone.jpg",4594,"Settings from Virb",[212],{"id":213,"label":206,"slug":214,"rank":61,"group":215},102,"settings",{"id":216,"label":217,"slug":218},10,"Settings & Admin","settings-and-admin",[220,224,225,226],{"id":221,"title":222,"slug":223},260,"Badge","badge",{"id":167,"title":168,"slug":169},{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":228},[],{"uuid":230,"title":231,"description":232,"canonical_path":4,"image":233,"width":52,"height":234,"image_alt":235,"kind":55,"patterns":236,"component_categories":252,"app":257},"aa8801e5-1d7f-45c0-9651-aefd018c2710","Plans","Settings page where the user manages their personal information, updates their password, and is prompted to subscribe before their free trial ends.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fvirb_plan_8a92fed9_nicelydone.jpg",2466,"Plans from Virb",[237,242,247],{"id":238,"label":239,"slug":240,"rank":61,"group":241},89,"Pricing","pricing",{"id":112,"label":113,"slug":114},{"id":243,"label":244,"slug":245,"rank":63,"group":246},94,"Account Settings","account-settings",{"id":216,"label":217,"slug":218},{"id":248,"label":249,"slug":250,"rank":85,"group":251},92,"Upgrade Prompt","upgrade-prompt",{"id":112,"label":113,"slug":114},[253,254,255,256],{"id":163,"title":164,"slug":165},{"id":167,"title":168,"slug":169},{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":258},[],{"uuid":260,"title":261,"description":262,"canonical_path":4,"image":263,"width":52,"height":123,"image_alt":264,"kind":55,"patterns":265,"component_categories":266,"app":267},"c66cb295-daf5-4e84-b0f3-967942e154b4","Checkout","E-commerce Form","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fvirb_checkout_85f489c6_nicelydone.jpg","Checkout from Virb",[],[],{"slug":30,"title":29,"logo":32,"categories":268},[],{"uuid":270,"title":271,"description":272,"canonical_path":4,"image":273,"width":52,"height":274,"image_alt":275,"kind":55,"patterns":276,"component_categories":296,"app":300},"43c0513e-e820-4519-b9f2-90aaf1d49b30","Dashboard","Dashboard empty state where the user is prompted to connect their Google Analytics account to start tracking website statistics.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fvirb_dashboard_def959cd_nicelydone.jpg",2232,"Dashboard from Virb",[277,279,285,290],{"id":143,"label":144,"slug":145,"rank":61,"group":278},{"id":147,"label":148,"slug":149},{"id":280,"label":271,"slug":281,"rank":63,"group":282},41,"dashboard",{"id":58,"label":283,"slug":284},"Data & Analysis","data-and-analysis",{"id":286,"label":287,"slug":288,"rank":85,"group":289},97,"Integrations","integrations",{"id":216,"label":217,"slug":218},{"id":291,"label":292,"slug":293,"rank":294,"group":295},114,"Confirmation","confirmation",3,{"id":147,"label":148,"slug":149},[297,298,299],{"id":167,"title":168,"slug":169},{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":301},[],[],[304,306,308,310,312,314,316,318,320,322,324,326,328,331,334,337,340,343,346,348,352,356,360],{"label":144,"to":305},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":244,"to":307},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":292,"to":309},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":271,"to":311},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":152,"to":313},"\u002Fexamples\u002Fscreens\u002Ffiles",{"label":86,"to":315},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":137,"to":317},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":287,"to":319},"\u002Fexamples\u002Fscreens\u002Fintegrations",{"label":239,"to":321},"\u002Fexamples\u002Fscreens\u002Fpricing",{"label":206,"to":323},"\u002Fexamples\u002Fscreens\u002Fsettings",{"label":59,"to":325},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":104,"to":327},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":329,"to":330},"Virb marketing pages","\u002Fexamples\u002Fapps\u002Fvirb\u002Fmarketing",{"label":332,"to":333},"Virb user flows","\u002Fexamples\u002Fapps\u002Fvirb\u002Fflows",{"label":335,"to":336},"Virb UI components","\u002Fexamples\u002Fapps\u002Fvirb\u002Fcomponents",{"label":338,"to":339},"Publishing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fpublishing",{"label":341,"to":342},"Web Development app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fweb-development",{"label":344,"to":345},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":347,"to":18},"All SaaS app examples",{"label":349,"to":350,"description":351},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":353,"to":354,"description":355},"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":357,"to":358,"description":359},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":361,"to":362,"description":363},"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":365,"updated_at":366},"2016-07-15T08:00:00.000Z","2026-09-13T13:02:39.000Z"]