[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fvercel\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":243,"links":244,"dates":292},"\u002Fexamples\u002Fapps\u002Fvercel\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Vercel product screens examples - Nicelydone","Browse Vercel screen design examples. Preview the interface screenshots and explore related UI patterns. Develop. Preview. Ship.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa168d3be-4b2f-4040-89b3-683cf43f6cc7.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},"Vercel design examples","\u002Fexamples\u002Fapps\u002Fvercel",{"label":23,"to":4},"Vercel 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},"Vercel","vercel","Develop. Preview. Ship.","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fvercel-c74059ac.png","https:\u002F\u002Fvercel.com",[35,39],{"id":36,"title":37,"slug":38},48,"Developer Tools","developer-tools",{"id":40,"title":41,"slug":42},7,"Web Development","web-development",[44,69,81,107,131,143,159,171,183,195,210,223],{"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":67},"a168d3be-4b2f-4040-89b3-683cf43f6cc7","Login – Vercel","Signin screen where the user authenticates with GitHub, GitLab, Bitbucket, SAML SSO, or email.",3024,2932,"Login – Vercel from Vercel","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],{"id":64,"title":65,"slug":66},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":68},[],{"uuid":70,"title":46,"description":71,"canonical_path":4,"image":72,"width":48,"height":73,"image_alt":50,"kind":51,"patterns":74,"component_categories":77,"app":79},"2159bbec-7cde-41b1-9927-68a504bbed2d","Signin screen where the user enters their email address to continue the authentication process, with an option to return to other login methods.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2159bbec-7cde-41b1-9927-68a504bbed2d.png",1738,[75],{"id":54,"label":55,"slug":56,"rank":57,"group":76},{"id":59,"label":60,"slug":61},[78],{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":80},[],{"uuid":82,"title":46,"description":83,"canonical_path":4,"image":84,"width":48,"height":73,"image_alt":50,"kind":51,"patterns":85,"component_categories":99,"app":105},"637172b8-264b-4198-8da9-76869a0e679a","Sign-in screen where the user attempted to log in with an email but received an error indicating no account exists, prompting them to sign up instead.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F637172b8-264b-4198-8da9-76869a0e679a.png",[86,94],{"id":87,"label":88,"slug":89,"rank":57,"group":90},116,"Error","error",{"id":91,"label":92,"slug":93},12,"States & Feedback","states-and-feedback",{"id":95,"label":96,"slug":97,"rank":59,"group":98},5,"Sign Up","sign-up",{"id":59,"label":60,"slug":61},[100,104],{"id":101,"title":102,"slug":103},167,"Alert","alert",{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":106},[],{"uuid":108,"title":109,"description":110,"canonical_path":4,"image":111,"width":48,"height":49,"image_alt":112,"kind":51,"patterns":113,"component_categories":124,"app":129},"2b3aac19-2ed5-4726-8b89-6d89831a9cec","Sign Up – Vercel","Signup screen where the user chooses between a personal Hobby plan and a commercial Pro plan before creating their account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2b3aac19-2ed5-4726-8b89-6d89831a9cec.png","Sign Up – Vercel from Vercel",[114,116],{"id":95,"label":96,"slug":97,"rank":57,"group":115},{"id":59,"label":60,"slug":61},{"id":117,"label":118,"slug":119,"rank":59,"group":120},89,"Pricing","pricing",{"id":121,"label":122,"slug":123},9,"Plans & Limits","plans-and-limits",[125],{"id":126,"title":127,"slug":128},240,"Horizontal navigation","horizontal-navigation",{"slug":30,"title":29,"logo":32,"categories":130},[],{"uuid":132,"title":109,"description":133,"canonical_path":4,"image":134,"width":48,"height":49,"image_alt":112,"kind":51,"patterns":135,"component_categories":138,"app":141},"f35f2924-b082-4b1e-9107-b60bdf256c3b","Signup screen where the user selects between Hobby and Pro account types and enters their name to continue.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff35f2924-b082-4b1e-9107-b60bdf256c3b.png",[136],{"id":95,"label":96,"slug":97,"rank":57,"group":137},{"id":59,"label":60,"slug":61},[139,140],{"id":126,"title":127,"slug":128},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":142},[],{"uuid":144,"title":109,"description":145,"canonical_path":4,"image":146,"width":48,"height":73,"image_alt":112,"kind":51,"patterns":147,"component_categories":154,"app":157},"4779fa30-9c1a-4bc9-9e0d-f549e1ba5d13","Signup screen where the user selects between Hobby and Pro account types and enters their name to create a Vercel account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4779fa30-9c1a-4bc9-9e0d-f549e1ba5d13.png",[148,150],{"id":95,"label":96,"slug":97,"rank":57,"group":149},{"id":59,"label":60,"slug":61},{"id":59,"label":151,"slug":152,"rank":59,"group":153},"Account Setup","account-setup",{"id":59,"label":60,"slug":61},[155,156],{"id":126,"title":127,"slug":128},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":158},[],{"uuid":160,"title":109,"description":161,"canonical_path":4,"image":162,"width":48,"height":73,"image_alt":112,"kind":51,"patterns":163,"component_categories":166,"app":169},"3c14b1c3-99ca-4a0b-8c13-cf2459feea93","Signup screen where the user chooses to authenticate via GitHub, GitLab, Bitbucket, or email.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3c14b1c3-99ca-4a0b-8c13-cf2459feea93.png",[164],{"id":95,"label":96,"slug":97,"rank":57,"group":165},{"id":59,"label":60,"slug":61},[167,168],{"id":126,"title":127,"slug":128},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":170},[],{"uuid":172,"title":109,"description":173,"canonical_path":4,"image":174,"width":48,"height":73,"image_alt":112,"kind":51,"patterns":175,"component_categories":178,"app":181},"a2f54fd3-c7af-4a83-86f2-0d9780f80abd","Sign-up screen where the user enters their email address to begin account creation, with options to view other methods or contact enterprise sales.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa2f54fd3-c7af-4a83-86f2-0d9780f80abd.png",[176],{"id":95,"label":96,"slug":97,"rank":57,"group":177},{"id":59,"label":60,"slug":61},[179,180],{"id":126,"title":127,"slug":128},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":182},[],{"uuid":184,"title":109,"description":185,"canonical_path":4,"image":186,"width":48,"height":73,"image_alt":112,"kind":51,"patterns":187,"component_categories":190,"app":193},"5f12a0d1-a09f-4478-9a68-7f761202a5d0","Signup page where the user enters their email address to continue account creation, with links to alternative methods and enterprise support.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5f12a0d1-a09f-4478-9a68-7f761202a5d0.png",[188],{"id":95,"label":96,"slug":97,"rank":57,"group":189},{"id":59,"label":60,"slug":61},[191,192],{"id":126,"title":127,"slug":128},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":194},[],{"uuid":196,"title":109,"description":197,"canonical_path":4,"image":198,"width":48,"height":73,"image_alt":112,"kind":51,"patterns":199,"component_categories":205,"app":208},"c881b96f-6f06-462c-bde5-7af9e1d6c9bc","Verification screen where the user is instructed to check their email for a login link and verify it matches the displayed security code.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc881b96f-6f06-462c-bde5-7af9e1d6c9bc.png",[200],{"id":201,"label":202,"slug":203,"rank":57,"group":204},6,"Verification","verification",{"id":59,"label":60,"slug":61},[206,207],{"id":126,"title":127,"slug":128},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":209},[],{"uuid":211,"title":212,"description":213,"canonical_path":4,"image":214,"width":48,"height":73,"image_alt":215,"kind":51,"patterns":216,"component_categories":219,"app":221},"e397c860-8b2a-40d2-9050-439af17235fd","Confirm – Vercel","Verification screen where the user clicks a button to confirm their email address during the signup flow.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe397c860-8b2a-40d2-9050-439af17235fd.png","Confirm – Vercel from Vercel",[217],{"id":201,"label":202,"slug":203,"rank":57,"group":218},{"id":59,"label":60,"slug":61},[220],{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":222},[],{"uuid":224,"title":225,"description":226,"canonical_path":4,"image":227,"width":48,"height":73,"image_alt":228,"kind":51,"patterns":229,"component_categories":240,"app":241},"d72ed58d-e1e4-4c64-b335-46f51be15e59","Sign Up Successful – Vercel","Verification screen confirming a successful user signup and providing a checkbox to opt into product updates.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd72ed58d-e1e4-4c64-b335-46f51be15e59.png","Sign Up Successful – Vercel from Vercel",[230,232,237],{"id":201,"label":202,"slug":203,"rank":57,"group":231},{"id":59,"label":60,"slug":61},{"id":233,"label":234,"slug":235,"rank":59,"group":236},122,"Success","success",{"id":91,"label":92,"slug":93},{"id":59,"label":151,"slug":152,"rank":238,"group":239},2,{"id":59,"label":60,"slug":61},[],{"slug":30,"title":29,"logo":32,"categories":242},[],[],[245,247,249,251,253,255,257,259,262,265,268,271,274,276,280,284,288],{"label":96,"to":246},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":202,"to":248},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":151,"to":250},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":55,"to":252},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":88,"to":254},"\u002Fexamples\u002Fscreens\u002Ferror",{"label":118,"to":256},"\u002Fexamples\u002Fscreens\u002Fpricing",{"label":234,"to":258},"\u002Fexamples\u002Fscreens\u002Fsuccess",{"label":260,"to":261},"Vercel marketing pages","\u002Fexamples\u002Fapps\u002Fvercel\u002Fmarketing",{"label":263,"to":264},"Vercel user flows","\u002Fexamples\u002Fapps\u002Fvercel\u002Fflows",{"label":266,"to":267},"Vercel UI components","\u002Fexamples\u002Fapps\u002Fvercel\u002Fcomponents",{"label":269,"to":270},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":272,"to":273},"Web Development app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fweb-development",{"label":275,"to":18},"All SaaS app examples",{"label":277,"to":278,"description":279},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":281,"to":282,"description":283},"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":285,"to":286,"description":287},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":289,"to":290,"description":291},"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":293,"updated_at":294},"2021-09-05T13:58:15.000Z","2026-09-13T13:02:39.000Z"]