[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fvercel":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":55,"showcases":56,"links":268,"dates":301},"\u002Fexamples\u002Fapps\u002Fvercel","detail","apps",true,{"title":9,"description":10,"og_image":11},"Vercel design examples - Nicelydone","Explore Vercel UI design examples. Develop. Preview. Ship.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa168d3be-4b2f-4040-89b3-683cf43f6cc7.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Vercel design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Vercel",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fvercel\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fvercel\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Fvercel\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Fvercel\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"categories":46},"Vercel","vercel","Develop. Preview. Ship.","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fvercel-c74059ac.png","https:\u002F\u002Fvercel.com",[47,51],{"id":48,"title":49,"slug":50},48,"Developer Tools","developer-tools",{"id":52,"title":53,"slug":54},7,"Web Development","web-development",[],[57,259,262,265],{"family":58,"examples":59},"screens",[60,85,97,123,147,159,175,187,199,211,226,239],{"uuid":61,"title":62,"description":63,"canonical_path":29,"image":11,"width":64,"height":65,"image_alt":66,"kind":67,"patterns":68,"component_categories":78,"app":83},"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",[69],{"id":70,"label":71,"slug":72,"rank":73,"group":74},4,"Sign In","sign-in",0,{"id":75,"label":76,"slug":77},1,"Access & Account","access-and-account",[79],{"id":80,"title":81,"slug":82},175,"Button","button",{"slug":42,"title":41,"logo":44,"categories":84},[],{"uuid":86,"title":62,"description":87,"canonical_path":29,"image":88,"width":64,"height":89,"image_alt":66,"kind":67,"patterns":90,"component_categories":93,"app":95},"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,[91],{"id":70,"label":71,"slug":72,"rank":73,"group":92},{"id":75,"label":76,"slug":77},[94],{"id":80,"title":81,"slug":82},{"slug":42,"title":41,"logo":44,"categories":96},[],{"uuid":98,"title":62,"description":99,"canonical_path":29,"image":100,"width":64,"height":89,"image_alt":66,"kind":67,"patterns":101,"component_categories":115,"app":121},"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",[102,110],{"id":103,"label":104,"slug":105,"rank":73,"group":106},116,"Error","error",{"id":107,"label":108,"slug":109},12,"States & Feedback","states-and-feedback",{"id":111,"label":112,"slug":113,"rank":75,"group":114},5,"Sign Up","sign-up",{"id":75,"label":76,"slug":77},[116,120],{"id":117,"title":118,"slug":119},167,"Alert","alert",{"id":80,"title":81,"slug":82},{"slug":42,"title":41,"logo":44,"categories":122},[],{"uuid":124,"title":125,"description":126,"canonical_path":29,"image":127,"width":64,"height":65,"image_alt":128,"kind":67,"patterns":129,"component_categories":140,"app":145},"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",[130,132],{"id":111,"label":112,"slug":113,"rank":73,"group":131},{"id":75,"label":76,"slug":77},{"id":133,"label":134,"slug":135,"rank":75,"group":136},89,"Pricing","pricing",{"id":137,"label":138,"slug":139},9,"Plans & Limits","plans-and-limits",[141],{"id":142,"title":143,"slug":144},240,"Horizontal navigation","horizontal-navigation",{"slug":42,"title":41,"logo":44,"categories":146},[],{"uuid":148,"title":125,"description":149,"canonical_path":29,"image":150,"width":64,"height":65,"image_alt":128,"kind":67,"patterns":151,"component_categories":154,"app":157},"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",[152],{"id":111,"label":112,"slug":113,"rank":73,"group":153},{"id":75,"label":76,"slug":77},[155,156],{"id":142,"title":143,"slug":144},{"id":80,"title":81,"slug":82},{"slug":42,"title":41,"logo":44,"categories":158},[],{"uuid":160,"title":125,"description":161,"canonical_path":29,"image":162,"width":64,"height":89,"image_alt":128,"kind":67,"patterns":163,"component_categories":170,"app":173},"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",[164,166],{"id":111,"label":112,"slug":113,"rank":73,"group":165},{"id":75,"label":76,"slug":77},{"id":75,"label":167,"slug":168,"rank":75,"group":169},"Account Setup","account-setup",{"id":75,"label":76,"slug":77},[171,172],{"id":142,"title":143,"slug":144},{"id":80,"title":81,"slug":82},{"slug":42,"title":41,"logo":44,"categories":174},[],{"uuid":176,"title":125,"description":177,"canonical_path":29,"image":178,"width":64,"height":89,"image_alt":128,"kind":67,"patterns":179,"component_categories":182,"app":185},"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",[180],{"id":111,"label":112,"slug":113,"rank":73,"group":181},{"id":75,"label":76,"slug":77},[183,184],{"id":142,"title":143,"slug":144},{"id":80,"title":81,"slug":82},{"slug":42,"title":41,"logo":44,"categories":186},[],{"uuid":188,"title":125,"description":189,"canonical_path":29,"image":190,"width":64,"height":89,"image_alt":128,"kind":67,"patterns":191,"component_categories":194,"app":197},"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",[192],{"id":111,"label":112,"slug":113,"rank":73,"group":193},{"id":75,"label":76,"slug":77},[195,196],{"id":142,"title":143,"slug":144},{"id":80,"title":81,"slug":82},{"slug":42,"title":41,"logo":44,"categories":198},[],{"uuid":200,"title":125,"description":201,"canonical_path":29,"image":202,"width":64,"height":89,"image_alt":128,"kind":67,"patterns":203,"component_categories":206,"app":209},"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",[204],{"id":111,"label":112,"slug":113,"rank":73,"group":205},{"id":75,"label":76,"slug":77},[207,208],{"id":142,"title":143,"slug":144},{"id":80,"title":81,"slug":82},{"slug":42,"title":41,"logo":44,"categories":210},[],{"uuid":212,"title":125,"description":213,"canonical_path":29,"image":214,"width":64,"height":89,"image_alt":128,"kind":67,"patterns":215,"component_categories":221,"app":224},"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",[216],{"id":217,"label":218,"slug":219,"rank":73,"group":220},6,"Verification","verification",{"id":75,"label":76,"slug":77},[222,223],{"id":142,"title":143,"slug":144},{"id":80,"title":81,"slug":82},{"slug":42,"title":41,"logo":44,"categories":225},[],{"uuid":227,"title":228,"description":229,"canonical_path":29,"image":230,"width":64,"height":89,"image_alt":231,"kind":67,"patterns":232,"component_categories":235,"app":237},"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",[233],{"id":217,"label":218,"slug":219,"rank":73,"group":234},{"id":75,"label":76,"slug":77},[236],{"id":80,"title":81,"slug":82},{"slug":42,"title":41,"logo":44,"categories":238},[],{"uuid":240,"title":241,"description":242,"canonical_path":29,"image":243,"width":64,"height":89,"image_alt":244,"kind":67,"patterns":245,"component_categories":256,"app":257},"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",[246,248,253],{"id":217,"label":218,"slug":219,"rank":73,"group":247},{"id":75,"label":76,"slug":77},{"id":249,"label":250,"slug":251,"rank":75,"group":252},122,"Success","success",{"id":107,"label":108,"slug":109},{"id":75,"label":167,"slug":168,"rank":254,"group":255},2,{"id":75,"label":76,"slug":77},[],{"slug":42,"title":41,"logo":44,"categories":258},[],{"family":260,"examples":261},"flows",[],{"family":263,"examples":264},"components",[],{"family":266,"examples":267},"pages",[],[269,271,273,275,277,280,283,285,289,293,297],{"label":270,"to":29},"Vercel product screens",{"label":272,"to":38},"Vercel marketing pages",{"label":274,"to":32},"Vercel user flows",{"label":276,"to":35},"Vercel UI components",{"label":278,"to":279},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":281,"to":282},"Web Development app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fweb-development",{"label":284,"to":18},"All SaaS app examples",{"label":286,"to":287,"description":288},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":290,"to":291,"description":292},"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":294,"to":295,"description":296},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":298,"to":299,"description":300},"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":302,"updated_at":303},"2021-09-05T13:58:15.000Z","2026-09-26T12:10:14.000Z"]