[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fcalcom\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":309,"links":310,"dates":368},"\u002Fexamples\u002Fapps\u002Fcalcom\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Cal.com product screens examples - Nicelydone","Browse Cal.com screen design examples. Preview the interface screenshots and explore related UI patterns. Open Scheduling Infrastructure","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F73f78bfa-9f26-403c-a6f5-5fcbb99a6944.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},"Cal.com design examples","\u002Fexamples\u002Fapps\u002Fcalcom",{"label":23,"to":4},"Cal.com 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,"twitter_username":30,"categories":34},"Cal.com","calcom","Open Scheduling Infrastructure","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcalcom-v3k610aj.png","https:\u002F\u002Fcal.com",[35,39],{"id":36,"title":37,"slug":38},101,"Calendar","calendar",{"id":40,"title":41,"slug":42},37,"Developer APIs","developer-apis",[44,73,99,113,132,153,168,185,219,246,267,281],{"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":71},"73f78bfa-9f26-403c-a6f5-5fcbb99a6944","Login | Cal.com","Sign-in screen where the user authenticates with email and password, Google, or SAML.",3024,1738,"Login | Cal.com from Cal.com","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],{"id":64,"title":65,"slug":66},174,"Card","card",{"id":68,"title":69,"slug":70},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":72},[],{"uuid":74,"title":46,"description":75,"canonical_path":4,"image":76,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":77,"component_categories":91,"app":97},"1379717f-5d1b-4ece-a076-0f7fa7270a8b","Sign-in screen where the user is blocked by an invalid email validation error, offering email, Google, and SAML authentication options.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1379717f-5d1b-4ece-a076-0f7fa7270a8b.png",[78,83],{"id":79,"label":80,"slug":81,"rank":57,"group":82},4,"Sign In","sign-in",{"id":59,"label":60,"slug":61},{"id":84,"label":85,"slug":86,"rank":59,"group":87},116,"Error","error",{"id":88,"label":89,"slug":90},12,"States & Feedback","states-and-feedback",[92,96],{"id":93,"title":94,"slug":95},167,"Alert","alert",{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":98},[],{"uuid":100,"title":101,"description":102,"canonical_path":4,"image":103,"width":48,"height":49,"image_alt":104,"kind":51,"patterns":105,"component_categories":108,"app":111},"7d20e3c7-fcf1-4af6-a665-f5b9f59c9e39","Forgot Password | Cal.com","Password recovery screen where the user enters their email address to request a reset link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7d20e3c7-fcf1-4af6-a665-f5b9f59c9e39.png","Forgot Password | Cal.com from Cal.com",[106],{"id":54,"label":55,"slug":56,"rank":57,"group":107},{"id":59,"label":60,"slug":61},[109,110],{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":112},[],{"uuid":114,"title":115,"description":116,"canonical_path":4,"image":117,"width":48,"height":49,"image_alt":118,"kind":51,"patterns":119,"component_categories":127,"app":130},"9fc32707-4c02-45ac-b752-b9876ec5238f","Reset link sent | Cal.com","Password recovery screen confirming that a reset link has been sent to the user's email address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9fc32707-4c02-45ac-b752-b9876ec5238f.png","Reset link sent | Cal.com from Cal.com",[120,122],{"id":54,"label":55,"slug":56,"rank":57,"group":121},{"id":59,"label":60,"slug":61},{"id":123,"label":124,"slug":125,"rank":59,"group":126},122,"Success","success",{"id":88,"label":89,"slug":90},[128,129],{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":131},[],{"uuid":133,"title":134,"description":135,"canonical_path":4,"image":136,"width":48,"height":49,"image_alt":137,"kind":51,"patterns":138,"component_categories":144,"app":151},"de88b1e7-2dac-446a-bf8e-80dd7f1d4269","Cal.com | Sign Up","Signup page where the user creates a Cal.com account by choosing a custom username, entering an email and password, or continuing with Google or SAML SSO.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fde88b1e7-2dac-446a-bf8e-80dd7f1d4269.png","Cal.com | Sign Up from Cal.com",[139],{"id":140,"label":141,"slug":142,"rank":57,"group":143},5,"Sign Up","sign-up",{"id":59,"label":60,"slug":61},[145,149,150],{"id":146,"title":147,"slug":148},260,"Badge","badge",{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":152},[],{"uuid":154,"title":134,"description":155,"canonical_path":4,"image":156,"width":48,"height":49,"image_alt":137,"kind":51,"patterns":157,"component_categories":162,"app":166},"78cd82da-b356-4188-9974-1e3bcde9d249","Signup screen where the user creates an account by choosing a username, entering email and password, or continuing with Google or SAML SSO, alongside social proof awards.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F78cd82da-b356-4188-9974-1e3bcde9d249.png",[158,160],{"id":140,"label":141,"slug":142,"rank":57,"group":159},{"id":59,"label":60,"slug":61},{"id":84,"label":85,"slug":86,"rank":59,"group":161},{"id":88,"label":89,"slug":90},[163,164,165],{"id":146,"title":147,"slug":148},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":167},[],{"uuid":169,"title":134,"description":170,"canonical_path":4,"image":171,"width":48,"height":49,"image_alt":137,"kind":51,"patterns":172,"component_categories":175,"app":183},"3c9dac7d-2709-4787-934b-75a3d29d3c20","Signup page where the user creates an account, selects a premium username, and views password requirements, with options for Google and SAML SSO.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3c9dac7d-2709-4787-934b-75a3d29d3c20.png",[173],{"id":140,"label":141,"slug":142,"rank":57,"group":174},{"id":59,"label":60,"slug":61},[176,180,181,182],{"id":177,"title":178,"slug":179},277,"Button group","button-group",{"id":146,"title":147,"slug":148},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":184},[],{"uuid":186,"title":187,"description":188,"canonical_path":4,"image":189,"width":48,"height":49,"image_alt":190,"kind":51,"patterns":191,"component_categories":210,"app":217},"f6d146fc-5fcc-4972-9dd4-381563b27fac","No Agenda Catchup | Matt Evans  Cal.com","Detail page where a guest views meeting details for a No Agenda Catchup and selects a date from a calendar to schedule the appointment.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff6d146fc-5fcc-4972-9dd4-381563b27fac.png","No Agenda Catchup | Matt Evans  Cal.com from Cal.com",[192,197,205],{"id":193,"label":37,"slug":38,"rank":57,"group":194},51,{"id":140,"label":195,"slug":196},"Media & Tools","media-and-tools",{"id":198,"label":199,"slug":200,"rank":59,"group":201},82,"Media Detail","media-detail",{"id":202,"label":203,"slug":204},8,"Pages & Content","pages-and-content",{"id":206,"label":207,"slug":208,"rank":54,"group":209},83,"Post Detail","post-detail",{"id":202,"label":203,"slug":204},[211,215,216],{"id":212,"title":213,"slug":214},169,"Avatar","avatar",{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":218},[],{"uuid":220,"title":221,"description":222,"canonical_path":4,"image":223,"width":48,"height":49,"image_alt":224,"kind":51,"patterns":225,"component_categories":241,"app":244},"fb753dd2-bd2e-47f1-8bf3-1e0635d81b67","Confirm your No Agenda Catchup with Matt Evans | Cal.com","Booking page where the user confirms their name, email, and notes to schedule a 40-minute No Agenda Catchup.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffb753dd2-bd2e-47f1-8bf3-1e0635d81b67.png","Confirm your No Agenda Catchup with Matt Evans | Cal.com from Cal.com",[226,231,239],{"id":227,"label":228,"slug":229,"rank":57,"group":230},114,"Confirmation","confirmation",{"id":88,"label":89,"slug":90},{"id":232,"label":233,"slug":234,"rank":59,"group":235},130,"Checkout","checkout",{"id":236,"label":237,"slug":238},14,"Payments & Checkout","payments-and-checkout",{"id":193,"label":37,"slug":38,"rank":54,"group":240},{"id":140,"label":195,"slug":196},[242,243],{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":245},[],{"uuid":247,"title":248,"description":249,"canonical_path":4,"image":250,"width":48,"height":49,"image_alt":251,"kind":51,"patterns":252,"component_categories":263,"app":265},"b2d49f1b-8d93-435e-8cba-80c106bdd4b2","Matt Evans | Cal.com","Public profile page where a user lists their available meeting types, currently showing a single option for a casual catchup.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb2d49f1b-8d93-435e-8cba-80c106bdd4b2.png","Matt Evans | Cal.com from Cal.com",[253,261],{"id":254,"label":255,"slug":256,"rank":57,"group":257},3,"Profile","profile",{"id":258,"label":259,"slug":260},11,"Social & Collaboration","social-and-collaboration",{"id":198,"label":199,"slug":200,"rank":59,"group":262},{"id":202,"label":203,"slug":204},[264],{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":266},[],{"uuid":268,"title":134,"description":269,"canonical_path":4,"image":270,"width":48,"height":49,"image_alt":137,"kind":51,"patterns":271,"component_categories":276,"app":279},"77a7bd87-fc8a-4ab0-b2c6-91a1920ec03d","Signup screen where the user creates a Cal.com account by claiming a username and providing an email and password, or by authenticating via Google or SAML SSO, showing a successful completion toast.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F77a7bd87-fc8a-4ab0-b2c6-91a1920ec03d.png",[272,274],{"id":140,"label":141,"slug":142,"rank":57,"group":273},{"id":59,"label":60,"slug":61},{"id":123,"label":124,"slug":125,"rank":59,"group":275},{"id":88,"label":89,"slug":90},[277,278],{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":280},[],{"uuid":282,"title":283,"description":284,"canonical_path":4,"image":285,"width":48,"height":49,"image_alt":286,"kind":51,"patterns":287,"component_categories":300,"app":307},"bd986402-252e-4ae0-88a8-09884c144db1","Cal.com - Getting Started","Onboarding step where the user sets their username, full name, and timezone to complete their profile setup.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbd986402-252e-4ae0-88a8-09884c144db1.png","Cal.com - Getting Started from Cal.com",[288,296],{"id":289,"label":290,"slug":291,"rank":57,"group":292},74,"Onboarding Checklist","onboarding-checklist",{"id":293,"label":294,"slug":295},7,"Onboarding & Education","onboarding-and-education",{"id":59,"label":297,"slug":298,"rank":59,"group":299},"Account Setup","account-setup",{"id":59,"label":60,"slug":61},[301,305,306],{"id":302,"title":303,"slug":304},227,"Stepper","stepper",{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":308},[],[],[311,313,315,317,319,321,323,325,327,329,331,333,335,338,341,344,347,350,352,356,360,364],{"label":141,"to":312},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":55,"to":314},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":37,"to":316},"\u002Fexamples\u002Fscreens\u002Fcalendar",{"label":85,"to":318},"\u002Fexamples\u002Fscreens\u002Ferror",{"label":199,"to":320},"\u002Fexamples\u002Fscreens\u002Fmedia-detail",{"label":124,"to":322},"\u002Fexamples\u002Fscreens\u002Fsuccess",{"label":297,"to":324},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":233,"to":326},"\u002Fexamples\u002Fscreens\u002Fcheckout",{"label":228,"to":328},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":290,"to":330},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":207,"to":332},"\u002Fexamples\u002Fscreens\u002Fpost-detail",{"label":255,"to":334},"\u002Fexamples\u002Fscreens\u002Fprofile",{"label":336,"to":337},"Cal.com marketing pages","\u002Fexamples\u002Fapps\u002Fcalcom\u002Fmarketing",{"label":339,"to":340},"Cal.com user flows","\u002Fexamples\u002Fapps\u002Fcalcom\u002Fflows",{"label":342,"to":343},"Cal.com UI components","\u002Fexamples\u002Fapps\u002Fcalcom\u002Fcomponents",{"label":345,"to":346},"Calendar app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcalendar",{"label":348,"to":349},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"label":351,"to":18},"All SaaS app examples",{"label":353,"to":354,"description":355},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":357,"to":358,"description":359},"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":361,"to":362,"description":363},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":365,"to":366,"description":367},"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":369,"updated_at":370},"2022-12-06T11:38:48.000Z","2026-09-13T13:02:39.000Z"]