[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fvimcal\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":39,"showcases":301,"links":302,"dates":357},"\u002Fexamples\u002Fapps\u002Fvimcal\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Vimcal product screens examples - Nicelydone","Browse Vimcal screen design examples. Preview the interface screenshots and explore related UI patterns. The calendar for people with too many meetings.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F773e9a14-78aa-4ec7-82dc-07399ef6eae8.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},"Vimcal design examples","\u002Fexamples\u002Fapps\u002Fvimcal",{"label":23,"to":4},"Vimcal 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},"Vimcal","vimcal","The calendar for people with too many meetings.","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F1e17cb09-2323-4580-b76d-8da94cc5206c.png","https:\u002F\u002Fwww.vimcal.com\u002F",[35],{"id":36,"title":37,"slug":38},101,"Calendar","calendar",[40,64,80,106,130,151,174,191,214,239,259,282],{"uuid":41,"title":29,"description":42,"canonical_path":4,"image":11,"width":43,"height":44,"image_alt":45,"kind":46,"patterns":47,"component_categories":57,"app":62},"773e9a14-78aa-4ec7-82dc-07399ef6eae8","Sign-in screen where the user authenticates using Google, Microsoft, or SSO.",3024,1758,"Vimcal from Vimcal","screen",[48],{"id":49,"label":50,"slug":51,"rank":52,"group":53},4,"Sign In","sign-in",0,{"id":54,"label":55,"slug":56},1,"Access & Account","access-and-account",[58],{"id":59,"title":60,"slug":61},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":63},[],{"uuid":65,"title":29,"description":66,"canonical_path":4,"image":67,"width":43,"height":44,"image_alt":45,"kind":46,"patterns":68,"component_categories":77,"app":78},"58db951e-c00d-47d2-a7f4-32f8ea7dbe6a","Full-screen loading state with a progress bar and anticipation copy before the calendar application initializes.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F58db951e-c00d-47d2-a7f4-32f8ea7dbe6a.png",[69],{"id":70,"label":71,"slug":72,"rank":52,"group":73},120,"Loading","loading",{"id":74,"label":75,"slug":76},12,"States & Feedback","states-and-feedback",[],{"slug":30,"title":29,"logo":32,"categories":79},[],{"uuid":81,"title":29,"description":82,"canonical_path":4,"image":83,"width":43,"height":44,"image_alt":45,"kind":46,"patterns":84,"component_categories":98,"app":104},"aeb8ba00-cfc4-4301-b8e8-fd2a8bad96dc","Onboarding step where the user selects their current role from a list of options like Founder, Executive, or Manager.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Faeb8ba00-cfc4-4301-b8e8-fd2a8bad96dc.png",[85,93],{"id":86,"label":87,"slug":88,"rank":52,"group":89},74,"Onboarding Checklist","onboarding-checklist",{"id":90,"label":91,"slug":92},7,"Onboarding & Education","onboarding-and-education",{"id":94,"label":95,"slug":96,"rank":54,"group":97},72,"Getting Started","getting-started",{"id":90,"label":91,"slug":92},[99,103],{"id":100,"title":101,"slug":102},227,"Stepper","stepper",{"id":59,"title":60,"slug":61},{"slug":30,"title":29,"logo":32,"categories":105},[],{"uuid":107,"title":29,"description":108,"canonical_path":4,"image":109,"width":43,"height":44,"image_alt":45,"kind":46,"patterns":110,"component_categories":118,"app":128},"1593ff78-3a4c-4d4d-b21a-626d6b545cc9","Onboarding screen where the user chooses between scheduling a personalized call and exploring the app directly.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1593ff78-3a4c-4d4d-b21a-626d6b545cc9.png",[111,113],{"id":86,"label":87,"slug":88,"rank":52,"group":112},{"id":90,"label":91,"slug":92},{"id":114,"label":115,"slug":116,"rank":54,"group":117},77,"Welcome","welcome",{"id":90,"label":91,"slug":92},[119,123,127],{"id":120,"title":121,"slug":122},260,"Badge","badge",{"id":124,"title":125,"slug":126},174,"Card","card",{"id":59,"title":60,"slug":61},{"slug":30,"title":29,"logo":32,"categories":129},[],{"uuid":131,"title":29,"description":132,"canonical_path":4,"image":133,"width":43,"height":44,"image_alt":45,"kind":46,"patterns":134,"component_categories":145,"app":149},"a8533610-135a-40d3-bba6-72c954e703c5","Onboarding step where the user chooses their preferred app theme between Match OS, Light, and Dark options.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa8533610-135a-40d3-bba6-72c954e703c5.png",[135,137],{"id":86,"label":87,"slug":88,"rank":52,"group":136},{"id":90,"label":91,"slug":92},{"id":138,"label":139,"slug":140,"rank":54,"group":141},102,"Settings","settings",{"id":142,"label":143,"slug":144},10,"Settings & Admin","settings-and-admin",[146,147,148],{"id":100,"title":101,"slug":102},{"id":124,"title":125,"slug":126},{"id":59,"title":60,"slug":61},{"slug":30,"title":29,"logo":32,"categories":150},[],{"uuid":152,"title":29,"description":153,"canonical_path":4,"image":154,"width":43,"height":44,"image_alt":45,"kind":46,"patterns":155,"component_categories":168,"app":172},"2d88ff54-1afa-41c7-ad99-853ee4dedf07","Onboarding step where the user chooses between Match OS, Light, or Dark themes for their calendar interface.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2d88ff54-1afa-41c7-ad99-853ee4dedf07.png",[156,161,163],{"id":157,"label":158,"slug":159,"rank":52,"group":160},75,"Setup Wizard","setup-wizard",{"id":90,"label":91,"slug":92},{"id":94,"label":95,"slug":96,"rank":54,"group":162},{"id":90,"label":91,"slug":92},{"id":54,"label":164,"slug":165,"rank":166,"group":167},"Account Setup","account-setup",2,{"id":54,"label":55,"slug":56},[169,170,171],{"id":100,"title":101,"slug":102},{"id":124,"title":125,"slug":126},{"id":59,"title":60,"slug":61},{"slug":30,"title":29,"logo":32,"categories":173},[],{"uuid":175,"title":29,"description":176,"canonical_path":4,"image":177,"width":43,"height":44,"image_alt":45,"kind":46,"patterns":178,"component_categories":186,"app":189},"c1bc466e-99a2-44cc-be77-d4ab1442ffec","Onboarding step where the user connects their Google or Outlook calendar accounts to unify their view.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc1bc466e-99a2-44cc-be77-d4ab1442ffec.png",[179,181],{"id":54,"label":164,"slug":165,"rank":52,"group":180},{"id":54,"label":55,"slug":56},{"id":182,"label":183,"slug":184,"rank":54,"group":185},97,"Integrations","integrations",{"id":142,"label":143,"slug":144},[187,188],{"id":100,"title":101,"slug":102},{"id":59,"title":60,"slug":61},{"slug":30,"title":29,"logo":32,"categories":190},[],{"uuid":192,"title":29,"description":193,"canonical_path":4,"image":194,"width":43,"height":44,"image_alt":45,"kind":46,"patterns":195,"component_categories":209,"app":212},"9b4cd3fd-81cf-469d-8ceb-4a20e941274e","Onboarding step where the user learns about the Command Center feature via a product screenshot and clicks continue to proceed.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9b4cd3fd-81cf-469d-8ceb-4a20e941274e.png",[196,201],{"id":197,"label":198,"slug":199,"rank":52,"group":200},73,"Guided Tour","guided-tour",{"id":90,"label":91,"slug":92},{"id":202,"label":203,"slug":204,"rank":54,"group":205},63,"Command Palette","command-palette",{"id":206,"label":207,"slug":208},6,"Navigation & Commands","navigation-and-commands",[210,211],{"id":100,"title":101,"slug":102},{"id":59,"title":60,"slug":61},{"slug":30,"title":29,"logo":32,"categories":213},[],{"uuid":215,"title":29,"description":216,"canonical_path":4,"image":217,"width":43,"height":44,"image_alt":45,"kind":46,"patterns":218,"component_categories":229,"app":237},"50e3871f-bb26-483d-8a4d-d608f598037b","Onboarding step where a product tour guides the user to press a green floating button to select availability on a calendar.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F50e3871f-bb26-483d-8a4d-d608f598037b.png",[219,221,223],{"id":197,"label":198,"slug":199,"rank":52,"group":220},{"id":90,"label":91,"slug":92},{"id":94,"label":95,"slug":96,"rank":54,"group":222},{"id":90,"label":91,"slug":92},{"id":224,"label":37,"slug":38,"rank":166,"group":225},51,{"id":226,"label":227,"slug":228},5,"Media & Tools","media-and-tools",[230,234,235,236],{"id":231,"title":232,"slug":233},226,"Skeleton","skeleton",{"id":100,"title":101,"slug":102},{"id":124,"title":125,"slug":126},{"id":59,"title":60,"slug":61},{"slug":30,"title":29,"logo":32,"categories":238},[],{"uuid":240,"title":29,"description":241,"canonical_path":4,"image":242,"width":43,"height":44,"image_alt":45,"kind":46,"patterns":243,"component_categories":253,"app":257},"76ecbccb-b7e9-4d72-87ed-64eee6a2dc44","Onboarding step showcasing a pre-formatted email template feature with a mock composer, a continue button, and a progress indicator.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F76ecbccb-b7e9-4d72-87ed-64eee6a2dc44.png",[244,246,248],{"id":86,"label":87,"slug":88,"rank":52,"group":245},{"id":90,"label":91,"slug":92},{"id":94,"label":95,"slug":96,"rank":54,"group":247},{"id":90,"label":91,"slug":92},{"id":249,"label":250,"slug":251,"rank":166,"group":252},114,"Confirmation","confirmation",{"id":74,"label":75,"slug":76},[254,255,256],{"id":100,"title":101,"slug":102},{"id":124,"title":125,"slug":126},{"id":59,"title":60,"slug":61},{"slug":30,"title":29,"logo":32,"categories":258},[],{"uuid":260,"title":29,"description":261,"canonical_path":4,"image":262,"width":43,"height":44,"image_alt":45,"kind":46,"patterns":263,"component_categories":277,"app":280},"df954221-c81c-4557-96d3-3ca7e36d3d70","Onboarding step where the user names their workspace, uploads a team photo, and configures team discovery.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdf954221-c81c-4557-96d3-3ca7e36d3d70.png",[264,266,272],{"id":157,"label":158,"slug":159,"rank":52,"group":265},{"id":90,"label":91,"slug":92},{"id":90,"label":267,"slug":268,"rank":54,"group":269},"Add & Create","add-and-create",{"id":166,"label":270,"slug":271},"Actions","actions",{"id":273,"label":274,"slug":275,"rank":166,"group":276},104,"Team Management","team-management",{"id":142,"label":143,"slug":144},[278,279],{"id":100,"title":101,"slug":102},{"id":59,"title":60,"slug":61},{"slug":30,"title":29,"logo":32,"categories":281},[],{"uuid":283,"title":29,"description":284,"canonical_path":4,"image":285,"width":43,"height":44,"image_alt":45,"kind":46,"patterns":286,"component_categories":296,"app":299},"9c197029-cb1b-46ea-a48d-afbdf5c76598","Onboarding step where the user invites teammates by entering email addresses or generating a shareable invite link before completing setup.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9c197029-cb1b-46ea-a48d-afbdf5c76598.png",[287,292,294],{"id":288,"label":289,"slug":290,"rank":52,"group":291},133,"Invite Teammates","invite-teammates",{"id":166,"label":270,"slug":271},{"id":86,"label":87,"slug":88,"rank":54,"group":293},{"id":90,"label":91,"slug":92},{"id":273,"label":274,"slug":275,"rank":166,"group":295},{"id":142,"label":143,"slug":144},[297,298],{"id":100,"title":101,"slug":102},{"id":59,"title":60,"slug":61},{"slug":30,"title":29,"logo":32,"categories":300},[],[],[303,305,307,309,311,313,315,317,319,321,323,325,327,330,333,336,339,341,345,349,353],{"label":87,"to":304},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":95,"to":306},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":164,"to":308},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":198,"to":310},"\u002Fexamples\u002Fscreens\u002Fguided-tour",{"label":158,"to":312},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":274,"to":314},"\u002Fexamples\u002Fscreens\u002Fteam-management",{"label":267,"to":316},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":37,"to":318},"\u002Fexamples\u002Fscreens\u002Fcalendar",{"label":203,"to":320},"\u002Fexamples\u002Fscreens\u002Fcommand-palette",{"label":250,"to":322},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":183,"to":324},"\u002Fexamples\u002Fscreens\u002Fintegrations",{"label":289,"to":326},"\u002Fexamples\u002Fscreens\u002Finvite-teammates",{"label":328,"to":329},"Vimcal marketing pages","\u002Fexamples\u002Fapps\u002Fvimcal\u002Fmarketing",{"label":331,"to":332},"Vimcal user flows","\u002Fexamples\u002Fapps\u002Fvimcal\u002Fflows",{"label":334,"to":335},"Vimcal UI components","\u002Fexamples\u002Fapps\u002Fvimcal\u002Fcomponents",{"label":337,"to":338},"Calendar app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcalendar",{"label":340,"to":18},"All SaaS app examples",{"label":342,"to":343,"description":344},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":346,"to":347,"description":348},"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":350,"to":351,"description":352},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":354,"to":355,"description":356},"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":358,"updated_at":359},"2026-05-16T17:26:27.000Z","2026-10-05T09:41:15.000Z"]