[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fworkos":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":59,"showcases":60,"links":370,"dates":406},"\u002Fexamples\u002Fapps\u002Fworkos","detail","apps",true,{"title":9,"description":10,"og_image":11},"WorkOs design examples - Nicelydone","Explore WorkOs UI design examples. Your app, enterprise-ready","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F96d05a5a-cfc3-4135-ba2f-6ac1cd8de257.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"WorkOs design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore WorkOs",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fworkos\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fworkos\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Fworkos\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Fworkos\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"twitter_username":42,"categories":46},"WorkOs","workos","Your app, enterprise-ready","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fworkos-b22ba394.png","https:\u002F\u002Fworkos.com",[47,51,55],{"id":48,"title":49,"slug":50},37,"Developer APIs","developer-apis",{"id":52,"title":53,"slug":54},48,"Developer Tools","developer-tools",{"id":56,"title":57,"slug":58},78,"Security","security",[],[61,361,364,367],{"family":62,"examples":63},"screens",[64,93,117,139,170,212,237,255,276,311,329,345],{"uuid":65,"title":66,"description":67,"canonical_path":29,"image":11,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":72,"component_categories":82,"app":91},"96d05a5a-cfc3-4135-ba2f-6ac1cd8de257","HireOS | Log in with Email","Sign-in screen where the user enters their email to receive a magic link or opts to continue with SAML SSO.",3024,1738,"HireOS | Log in with Email from WorkOs","screen",[73],{"id":74,"label":75,"slug":76,"rank":77,"group":78},4,"Sign In","sign-in",0,{"id":79,"label":80,"slug":81},1,"Access & Account","access-and-account",[83,87],{"id":84,"title":85,"slug":86},174,"Card","card",{"id":88,"title":89,"slug":90},175,"Button","button",{"slug":42,"title":41,"logo":44,"categories":92},[],{"uuid":94,"title":66,"description":95,"canonical_path":29,"image":96,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":97,"component_categories":108,"app":115},"02f56e2a-f040-419d-912a-eee21a3038a5","Sign-in screen where the user has requested a magic link and sees a success confirmation before checking their email.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F02f56e2a-f040-419d-912a-eee21a3038a5.png",[98,100],{"id":74,"label":75,"slug":76,"rank":77,"group":99},{"id":79,"label":80,"slug":81},{"id":101,"label":102,"slug":103,"rank":79,"group":104},122,"Success","success",{"id":105,"label":106,"slug":107},12,"States & Feedback","states-and-feedback",[109,113,114],{"id":110,"title":111,"slug":112},167,"Alert","alert",{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":116},[],{"uuid":118,"title":119,"description":120,"canonical_path":29,"image":121,"width":68,"height":69,"image_alt":122,"kind":71,"patterns":123,"component_categories":134,"app":137},"febc332e-bede-48ee-bd2d-032df73bf3b9","HireOS | Log in with SSO","Sign-in screen where the user authenticates into HireOS using SAML SSO or an alternative magic link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffebc332e-bede-48ee-bd2d-032df73bf3b9.png","HireOS | Log in with SSO from WorkOs",[124,126],{"id":74,"label":75,"slug":76,"rank":77,"group":125},{"id":79,"label":80,"slug":81},{"id":127,"label":128,"slug":129,"rank":79,"group":130},103,"SSO","sso",{"id":131,"label":132,"slug":133},10,"Settings & Admin","settings-and-admin",[135,136],{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":138},[],{"uuid":140,"title":141,"description":142,"canonical_path":29,"image":143,"width":68,"height":69,"image_alt":144,"kind":71,"patterns":145,"component_categories":159,"app":168},"3f02067d-0366-45d3-9ae4-f85692bf2538","Pricing — WorkOS","Pricing page section answering frequently asked questions about connections, end users, and environments.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3f02067d-0366-45d3-9ae4-f85692bf2538.png","Pricing — WorkOS from WorkOs",[146,154],{"id":147,"label":148,"slug":149,"rank":77,"group":150},89,"Pricing","pricing",{"id":151,"label":152,"slug":153},9,"Plans & Limits","plans-and-limits",{"id":155,"label":156,"slug":157,"rank":79,"group":158},118,"Help","help",{"id":105,"label":106,"slug":107},[160,164],{"id":161,"title":162,"slug":163},189,"FAQ","faq",{"id":165,"title":166,"slug":167},168,"Accordion","accordion",{"slug":42,"title":41,"logo":44,"categories":169},[],{"uuid":171,"title":172,"description":173,"canonical_path":29,"image":174,"width":68,"height":175,"image_alt":176,"kind":71,"patterns":177,"component_categories":200,"app":210},"b391e9d8-af46-49c9-be1b-16a865fdc1d3","Legal Policies — WorkOS","Legal directory page where the user navigates to specific policies like terms of service, privacy, and subprocessor agreements.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb391e9d8-af46-49c9-be1b-16a865fdc1d3.png",2716,"Legal Policies — WorkOS from WorkOs",[178,186,194],{"id":179,"label":180,"slug":181,"rank":77,"group":182},65,"Navigation Menu","navigation-menu",{"id":183,"label":184,"slug":185},6,"Navigation & Commands","navigation-and-commands",{"id":187,"label":188,"slug":189,"rank":79,"group":190},79,"Browse","browse",{"id":191,"label":192,"slug":193},8,"Pages & Content","pages-and-content",{"id":195,"label":196,"slug":197,"rank":198,"group":199},119,"Info","info",2,{"id":105,"label":106,"slug":107},[201,205,209],{"id":202,"title":203,"slug":204},202,"Footer","footer",{"id":206,"title":207,"slug":208},258,"Header","header",{"id":84,"title":85,"slug":86},{"slug":42,"title":41,"logo":44,"categories":211},[],{"uuid":213,"title":214,"description":215,"canonical_path":29,"image":216,"width":68,"height":217,"image_alt":218,"kind":71,"patterns":219,"component_categories":227,"app":235},"7788080e-9fcd-4d62-9389-c51d1e49556f","Terms of Service","Terms of service page outlining the legal agreement, definitions, and usage rules for the WorkOS platform.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7788080e-9fcd-4d62-9389-c51d1e49556f.png",26904,"Terms of Service from WorkOs",[220],{"id":56,"label":221,"slug":222,"rank":77,"group":223},"Article","article",{"id":224,"label":225,"slug":226},15,"Marketing Page Types","marketing-page-types",[228,229,230,234],{"id":202,"title":203,"slug":204},{"id":206,"title":207,"slug":208},{"id":231,"title":232,"slug":233},240,"Horizontal navigation","horizontal-navigation",{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":236},[],{"uuid":238,"title":239,"description":240,"canonical_path":29,"image":241,"width":68,"height":69,"image_alt":242,"kind":71,"patterns":243,"component_categories":249,"app":253},"3a1741cc-83ed-4e3f-a8ee-5be20dd5c1f5","WorkOS - Page Not Found","404 error page styled as a classic Mac OS desktop with an alert dialog explaining the page is missing.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3a1741cc-83ed-4e3f-a8ee-5be20dd5c1f5.png","WorkOS - Page Not Found from WorkOs",[244],{"id":245,"label":246,"slug":247,"rank":77,"group":248},116,"Error","error",{"id":105,"label":106,"slug":107},[250,251,252],{"id":206,"title":207,"slug":208},{"id":231,"title":232,"slug":233},{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":254},[],{"uuid":256,"title":239,"description":257,"canonical_path":29,"image":258,"width":68,"height":69,"image_alt":242,"kind":71,"patterns":259,"component_categories":269,"app":274},"872bc546-d788-4dbe-9efe-e7c054c6cbf7","404 error page styled as a classic retro operating system desktop with draggable windows and clickable file icons.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F872bc546-d788-4dbe-9efe-e7c054c6cbf7.png",[260,262,267],{"id":245,"label":246,"slug":247,"rank":77,"group":261},{"id":105,"label":106,"slug":107},{"id":263,"label":264,"slug":265,"rank":79,"group":266},80,"Files","files",{"id":191,"label":192,"slug":193},{"id":187,"label":188,"slug":189,"rank":198,"group":268},{"id":191,"label":192,"slug":193},[270,271,272,273],{"id":206,"title":207,"slug":208},{"id":231,"title":232,"slug":233},{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":275},[],{"uuid":277,"title":239,"description":278,"canonical_path":29,"image":279,"width":68,"height":69,"image_alt":242,"kind":71,"patterns":280,"component_categories":297,"app":309},"218d493a-5426-464d-8779-d31ad7e9609c","404 error page styled as a retro graphical operating system desktop featuring an interactive mock window for Radix UI components.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F218d493a-5426-464d-8779-d31ad7e9609c.png",[281,283,291],{"id":245,"label":246,"slug":247,"rank":77,"group":282},{"id":105,"label":106,"slug":107},{"id":284,"label":285,"slug":286,"rank":79,"group":287},3,"Profile","profile",{"id":288,"label":289,"slug":290},11,"Social & Collaboration","social-and-collaboration",{"id":288,"label":292,"slug":293,"rank":198,"group":294},"Edit","edit",{"id":198,"label":295,"slug":296},"Actions","actions",[298,302,303,307,308],{"id":299,"title":300,"slug":301},223,"Slider","slider",{"id":206,"title":207,"slug":208},{"id":304,"title":305,"slug":306},284,"Modal","modal",{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":310},[],{"uuid":312,"title":239,"description":313,"canonical_path":29,"image":314,"width":68,"height":69,"image_alt":242,"kind":71,"patterns":315,"component_categories":323,"app":327},"139b2bed-ed2a-4fcd-ac92-d2c387550f6f","404 error page styled as a retro Mac OS desktop where the user can type terminal commands to navigate the site.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F139b2bed-ed2a-4fcd-ac92-d2c387550f6f.png",[316,318],{"id":245,"label":246,"slug":247,"rank":77,"group":317},{"id":105,"label":106,"slug":107},{"id":319,"label":320,"slug":321,"rank":79,"group":322},63,"Command Palette","command-palette",{"id":183,"label":184,"slug":185},[324,325,326],{"id":206,"title":207,"slug":208},{"id":231,"title":232,"slug":233},{"id":84,"title":85,"slug":86},{"slug":42,"title":41,"logo":44,"categories":328},[],{"uuid":330,"title":331,"description":332,"canonical_path":29,"image":333,"width":68,"height":69,"image_alt":334,"kind":71,"patterns":335,"component_categories":340,"app":343},"8163cf10-f018-4101-b45a-8e28f250bd7a","Reset password | WorkOS","Password recovery screen where the user enters their email address to receive reset instructions.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8163cf10-f018-4101-b45a-8e28f250bd7a.png","Reset password | WorkOS from WorkOs",[336],{"id":198,"label":337,"slug":338,"rank":77,"group":339},"Forgot Password","forgot-password",{"id":79,"label":80,"slug":81},[341,342],{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":344},[],{"uuid":346,"title":347,"description":348,"canonical_path":29,"image":349,"width":68,"height":69,"image_alt":350,"kind":71,"patterns":351,"component_categories":357,"app":359},"7eaa01b3-8e1c-496a-913b-95b1420d8f65","Sign up | WorkOS","Signup screen where the user can create an account via email or Google, alongside enterprise value propositions and a customer logo wall.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7eaa01b3-8e1c-496a-913b-95b1420d8f65.png","Sign up | WorkOS from WorkOs",[352],{"id":353,"label":354,"slug":355,"rank":77,"group":356},5,"Sign Up","sign-up",{"id":79,"label":80,"slug":81},[358],{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":360},[],{"family":362,"examples":363},"flows",[],{"family":365,"examples":366},"components",[],{"family":368,"examples":369},"pages",[],[371,373,375,377,379,382,385,388,390,394,398,402],{"label":372,"to":29},"WorkOs product screens",{"label":374,"to":38},"WorkOs marketing pages",{"label":376,"to":32},"WorkOs user flows",{"label":378,"to":35},"WorkOs UI components",{"label":380,"to":381},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"label":383,"to":384},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":386,"to":387},"Security app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsecurity",{"label":389,"to":18},"All SaaS app examples",{"label":391,"to":392,"description":393},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":395,"to":396,"description":397},"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":399,"to":400,"description":401},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":403,"to":404,"description":405},"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":407,"updated_at":408},"2021-03-17T19:26:55.000Z","2026-09-26T20:07:51.000Z"]