[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fvimcal":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":51,"showcases":52,"links":326,"dates":356},"\u002Fexamples\u002Fapps\u002Fvimcal","detail","apps",true,{"title":9,"description":10,"og_image":11},"Vimcal design examples - Nicelydone","Explore Vimcal UI design examples. The calendar for people with too many meetings.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F773e9a14-78aa-4ec7-82dc-07399ef6eae8.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Vimcal design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Vimcal",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fvimcal\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fvimcal\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Fvimcal\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Fvimcal\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"categories":46},"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",[47],{"id":48,"title":49,"slug":50},101,"Calendar","calendar",[],[53,317,320,323],{"family":54,"examples":55},"screens",[56,80,96,122,146,167,190,207,230,255,275,298],{"uuid":57,"title":41,"description":58,"canonical_path":29,"image":11,"width":59,"height":60,"image_alt":61,"kind":62,"patterns":63,"component_categories":73,"app":78},"773e9a14-78aa-4ec7-82dc-07399ef6eae8","Sign-in screen where the user authenticates using Google, Microsoft, or SSO.",3024,1758,"Vimcal from Vimcal","screen",[64],{"id":65,"label":66,"slug":67,"rank":68,"group":69},4,"Sign In","sign-in",0,{"id":70,"label":71,"slug":72},1,"Access & Account","access-and-account",[74],{"id":75,"title":76,"slug":77},175,"Button","button",{"slug":42,"title":41,"logo":44,"categories":79},[],{"uuid":81,"title":41,"description":82,"canonical_path":29,"image":83,"width":59,"height":60,"image_alt":61,"kind":62,"patterns":84,"component_categories":93,"app":94},"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",[85],{"id":86,"label":87,"slug":88,"rank":68,"group":89},120,"Loading","loading",{"id":90,"label":91,"slug":92},12,"States & Feedback","states-and-feedback",[],{"slug":42,"title":41,"logo":44,"categories":95},[],{"uuid":97,"title":41,"description":98,"canonical_path":29,"image":99,"width":59,"height":60,"image_alt":61,"kind":62,"patterns":100,"component_categories":114,"app":120},"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",[101,109],{"id":102,"label":103,"slug":104,"rank":68,"group":105},74,"Onboarding Checklist","onboarding-checklist",{"id":106,"label":107,"slug":108},7,"Onboarding & Education","onboarding-and-education",{"id":110,"label":111,"slug":112,"rank":70,"group":113},72,"Getting Started","getting-started",{"id":106,"label":107,"slug":108},[115,119],{"id":116,"title":117,"slug":118},227,"Stepper","stepper",{"id":75,"title":76,"slug":77},{"slug":42,"title":41,"logo":44,"categories":121},[],{"uuid":123,"title":41,"description":124,"canonical_path":29,"image":125,"width":59,"height":60,"image_alt":61,"kind":62,"patterns":126,"component_categories":134,"app":144},"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",[127,129],{"id":102,"label":103,"slug":104,"rank":68,"group":128},{"id":106,"label":107,"slug":108},{"id":130,"label":131,"slug":132,"rank":70,"group":133},77,"Welcome","welcome",{"id":106,"label":107,"slug":108},[135,139,143],{"id":136,"title":137,"slug":138},260,"Badge","badge",{"id":140,"title":141,"slug":142},174,"Card","card",{"id":75,"title":76,"slug":77},{"slug":42,"title":41,"logo":44,"categories":145},[],{"uuid":147,"title":41,"description":148,"canonical_path":29,"image":149,"width":59,"height":60,"image_alt":61,"kind":62,"patterns":150,"component_categories":161,"app":165},"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",[151,153],{"id":102,"label":103,"slug":104,"rank":68,"group":152},{"id":106,"label":107,"slug":108},{"id":154,"label":155,"slug":156,"rank":70,"group":157},102,"Settings","settings",{"id":158,"label":159,"slug":160},10,"Settings & Admin","settings-and-admin",[162,163,164],{"id":116,"title":117,"slug":118},{"id":140,"title":141,"slug":142},{"id":75,"title":76,"slug":77},{"slug":42,"title":41,"logo":44,"categories":166},[],{"uuid":168,"title":41,"description":169,"canonical_path":29,"image":170,"width":59,"height":60,"image_alt":61,"kind":62,"patterns":171,"component_categories":184,"app":188},"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",[172,177,179],{"id":173,"label":174,"slug":175,"rank":68,"group":176},75,"Setup Wizard","setup-wizard",{"id":106,"label":107,"slug":108},{"id":110,"label":111,"slug":112,"rank":70,"group":178},{"id":106,"label":107,"slug":108},{"id":70,"label":180,"slug":181,"rank":182,"group":183},"Account Setup","account-setup",2,{"id":70,"label":71,"slug":72},[185,186,187],{"id":116,"title":117,"slug":118},{"id":140,"title":141,"slug":142},{"id":75,"title":76,"slug":77},{"slug":42,"title":41,"logo":44,"categories":189},[],{"uuid":191,"title":41,"description":192,"canonical_path":29,"image":193,"width":59,"height":60,"image_alt":61,"kind":62,"patterns":194,"component_categories":202,"app":205},"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",[195,197],{"id":70,"label":180,"slug":181,"rank":68,"group":196},{"id":70,"label":71,"slug":72},{"id":198,"label":199,"slug":200,"rank":70,"group":201},97,"Integrations","integrations",{"id":158,"label":159,"slug":160},[203,204],{"id":116,"title":117,"slug":118},{"id":75,"title":76,"slug":77},{"slug":42,"title":41,"logo":44,"categories":206},[],{"uuid":208,"title":41,"description":209,"canonical_path":29,"image":210,"width":59,"height":60,"image_alt":61,"kind":62,"patterns":211,"component_categories":225,"app":228},"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",[212,217],{"id":213,"label":214,"slug":215,"rank":68,"group":216},73,"Guided Tour","guided-tour",{"id":106,"label":107,"slug":108},{"id":218,"label":219,"slug":220,"rank":70,"group":221},63,"Command Palette","command-palette",{"id":222,"label":223,"slug":224},6,"Navigation & Commands","navigation-and-commands",[226,227],{"id":116,"title":117,"slug":118},{"id":75,"title":76,"slug":77},{"slug":42,"title":41,"logo":44,"categories":229},[],{"uuid":231,"title":41,"description":232,"canonical_path":29,"image":233,"width":59,"height":60,"image_alt":61,"kind":62,"patterns":234,"component_categories":245,"app":253},"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",[235,237,239],{"id":213,"label":214,"slug":215,"rank":68,"group":236},{"id":106,"label":107,"slug":108},{"id":110,"label":111,"slug":112,"rank":70,"group":238},{"id":106,"label":107,"slug":108},{"id":240,"label":49,"slug":50,"rank":182,"group":241},51,{"id":242,"label":243,"slug":244},5,"Media & Tools","media-and-tools",[246,250,251,252],{"id":247,"title":248,"slug":249},226,"Skeleton","skeleton",{"id":116,"title":117,"slug":118},{"id":140,"title":141,"slug":142},{"id":75,"title":76,"slug":77},{"slug":42,"title":41,"logo":44,"categories":254},[],{"uuid":256,"title":41,"description":257,"canonical_path":29,"image":258,"width":59,"height":60,"image_alt":61,"kind":62,"patterns":259,"component_categories":269,"app":273},"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",[260,262,264],{"id":102,"label":103,"slug":104,"rank":68,"group":261},{"id":106,"label":107,"slug":108},{"id":110,"label":111,"slug":112,"rank":70,"group":263},{"id":106,"label":107,"slug":108},{"id":265,"label":266,"slug":267,"rank":182,"group":268},114,"Confirmation","confirmation",{"id":90,"label":91,"slug":92},[270,271,272],{"id":116,"title":117,"slug":118},{"id":140,"title":141,"slug":142},{"id":75,"title":76,"slug":77},{"slug":42,"title":41,"logo":44,"categories":274},[],{"uuid":276,"title":41,"description":277,"canonical_path":29,"image":278,"width":59,"height":60,"image_alt":61,"kind":62,"patterns":279,"component_categories":293,"app":296},"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",[280,282,288],{"id":173,"label":174,"slug":175,"rank":68,"group":281},{"id":106,"label":107,"slug":108},{"id":106,"label":283,"slug":284,"rank":70,"group":285},"Add & Create","add-and-create",{"id":182,"label":286,"slug":287},"Actions","actions",{"id":289,"label":290,"slug":291,"rank":182,"group":292},104,"Team Management","team-management",{"id":158,"label":159,"slug":160},[294,295],{"id":116,"title":117,"slug":118},{"id":75,"title":76,"slug":77},{"slug":42,"title":41,"logo":44,"categories":297},[],{"uuid":299,"title":41,"description":300,"canonical_path":29,"image":301,"width":59,"height":60,"image_alt":61,"kind":62,"patterns":302,"component_categories":312,"app":315},"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",[303,308,310],{"id":304,"label":305,"slug":306,"rank":68,"group":307},133,"Invite Teammates","invite-teammates",{"id":182,"label":286,"slug":287},{"id":102,"label":103,"slug":104,"rank":70,"group":309},{"id":106,"label":107,"slug":108},{"id":289,"label":290,"slug":291,"rank":182,"group":311},{"id":158,"label":159,"slug":160},[313,314],{"id":116,"title":117,"slug":118},{"id":75,"title":76,"slug":77},{"slug":42,"title":41,"logo":44,"categories":316},[],{"family":318,"examples":319},"flows",[],{"family":321,"examples":322},"components",[],{"family":324,"examples":325},"pages",[],[327,329,331,333,335,338,340,344,348,352],{"label":328,"to":29},"Vimcal product screens",{"label":330,"to":38},"Vimcal marketing pages",{"label":332,"to":32},"Vimcal user flows",{"label":334,"to":35},"Vimcal UI components",{"label":336,"to":337},"Calendar app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcalendar",{"label":339,"to":18},"All SaaS app examples",{"label":341,"to":342,"description":343},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":345,"to":346,"description":347},"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":349,"to":350,"description":351},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":353,"to":354,"description":355},"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":357,"updated_at":358},"2026-05-16T17:26:27.000Z","2026-10-05T11:05:41.000Z"]