[{"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":335,"dates":371},"\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,326,329,332],{"family":62,"examples":63},"screens",[64,93,117,139,153,184,226,251,270,288,301,314],{"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":119,"description":141,"canonical_path":29,"image":142,"width":68,"height":69,"image_alt":122,"kind":71,"patterns":143,"component_categories":148,"app":151},"70e43a24-5527-471a-a2eb-f5d2d0edb07a","Sign-in screen where the user enters their email address to authenticate via SAML SSO or opts for a magic link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F70e43a24-5527-471a-a2eb-f5d2d0edb07a.png",[144,146],{"id":74,"label":75,"slug":76,"rank":77,"group":145},{"id":79,"label":80,"slug":81},{"id":127,"label":128,"slug":129,"rank":79,"group":147},{"id":131,"label":132,"slug":133},[149,150],{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":152},[],{"uuid":154,"title":155,"description":156,"canonical_path":29,"image":157,"width":68,"height":69,"image_alt":158,"kind":71,"patterns":159,"component_categories":173,"app":182},"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",[160,168],{"id":161,"label":162,"slug":163,"rank":77,"group":164},89,"Pricing","pricing",{"id":165,"label":166,"slug":167},9,"Plans & Limits","plans-and-limits",{"id":169,"label":170,"slug":171,"rank":79,"group":172},118,"Help","help",{"id":105,"label":106,"slug":107},[174,178],{"id":175,"title":176,"slug":177},189,"FAQ","faq",{"id":179,"title":180,"slug":181},168,"Accordion","accordion",{"slug":42,"title":41,"logo":44,"categories":183},[],{"uuid":185,"title":186,"description":187,"canonical_path":29,"image":188,"width":68,"height":189,"image_alt":190,"kind":71,"patterns":191,"component_categories":214,"app":224},"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",[192,200,208],{"id":193,"label":194,"slug":195,"rank":77,"group":196},65,"Navigation Menu","navigation-menu",{"id":197,"label":198,"slug":199},6,"Navigation & Commands","navigation-and-commands",{"id":201,"label":202,"slug":203,"rank":79,"group":204},79,"Browse","browse",{"id":205,"label":206,"slug":207},8,"Pages & Content","pages-and-content",{"id":209,"label":210,"slug":211,"rank":212,"group":213},119,"Info","info",2,{"id":105,"label":106,"slug":107},[215,219,220],{"id":216,"title":217,"slug":218},202,"Footer","footer",{"id":84,"title":85,"slug":86},{"id":221,"title":222,"slug":223},258,"Header","header",{"slug":42,"title":41,"logo":44,"categories":225},[],{"uuid":227,"title":228,"description":229,"canonical_path":29,"image":230,"width":68,"height":231,"image_alt":232,"kind":71,"patterns":233,"component_categories":241,"app":249},"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",[234],{"id":56,"label":235,"slug":236,"rank":77,"group":237},"Article","article",{"id":238,"label":239,"slug":240},15,"Marketing Page Types","marketing-page-types",[242,243,247,248],{"id":216,"title":217,"slug":218},{"id":244,"title":245,"slug":246},240,"Horizontal navigation","horizontal-navigation",{"id":221,"title":222,"slug":223},{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":250},[],{"uuid":252,"title":253,"description":254,"canonical_path":29,"image":255,"width":68,"height":256,"image_alt":257,"kind":71,"patterns":258,"component_categories":263,"app":268},"89e78750-9415-4d32-b7ef-caa3d13b6521","Privacy Policy — WorkOS","Privacy policy page detailing how WorkOS collects, uses, and protects personal data, including sections on cookies, duration of retention, and consent.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F89e78750-9415-4d32-b7ef-caa3d13b6521.png",6262,"Privacy Policy — WorkOS from WorkOs",[259,261],{"id":56,"label":235,"slug":236,"rank":77,"group":260},{"id":238,"label":239,"slug":240},{"id":169,"label":170,"slug":171,"rank":79,"group":262},{"id":105,"label":106,"slug":107},[264,265,266,267],{"id":216,"title":217,"slug":218},{"id":244,"title":245,"slug":246},{"id":221,"title":222,"slug":223},{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":269},[],{"uuid":271,"title":272,"description":273,"canonical_path":29,"image":274,"width":68,"height":69,"image_alt":275,"kind":71,"patterns":276,"component_categories":282,"app":286},"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",[277],{"id":278,"label":279,"slug":280,"rank":77,"group":281},116,"Error","error",{"id":105,"label":106,"slug":107},[283,284,285],{"id":244,"title":245,"slug":246},{"id":221,"title":222,"slug":223},{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":287},[],{"uuid":289,"title":272,"description":290,"canonical_path":29,"image":291,"width":68,"height":69,"image_alt":275,"kind":71,"patterns":292,"component_categories":295,"app":299},"879b1bd6-6020-4d97-921a-22b377c67e44","404 error page styled as a retro graphical operating system desktop with interactive icons.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F879b1bd6-6020-4d97-921a-22b377c67e44.png",[293],{"id":278,"label":279,"slug":280,"rank":77,"group":294},{"id":105,"label":106,"slug":107},[296,297,298],{"id":244,"title":245,"slug":246},{"id":221,"title":222,"slug":223},{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":300},[],{"uuid":302,"title":272,"description":303,"canonical_path":29,"image":304,"width":68,"height":69,"image_alt":275,"kind":71,"patterns":305,"component_categories":310,"app":312},"d1d84769-71ec-4d84-873b-3b0d653a9fb2","Creative 404 error page styled as a retro classic Macintosh desktop environment with an interactive menu bar and desktop icons.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd1d84769-71ec-4d84-873b-3b0d653a9fb2.png",[306,308],{"id":278,"label":279,"slug":280,"rank":77,"group":307},{"id":105,"label":106,"slug":107},{"id":193,"label":194,"slug":195,"rank":79,"group":309},{"id":197,"label":198,"slug":199},[311],{"id":221,"title":222,"slug":223},{"slug":42,"title":41,"logo":44,"categories":313},[],{"uuid":315,"title":272,"description":316,"canonical_path":29,"image":317,"width":68,"height":69,"image_alt":275,"kind":71,"patterns":318,"component_categories":321,"app":324},"ffd4105a-0198-4b89-b3e2-808559d9ef54","404 error page styled as a classic Mac OS desktop featuring an open Apple-style menu and clickable desktop icons over a dithered gradient background.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fffd4105a-0198-4b89-b3e2-808559d9ef54.png",[319],{"id":278,"label":279,"slug":280,"rank":77,"group":320},{"id":105,"label":106,"slug":107},[322,323],{"id":221,"title":222,"slug":223},{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":325},[],{"family":327,"examples":328},"flows",[],{"family":330,"examples":331},"components",[],{"family":333,"examples":334},"pages",[],[336,338,340,342,344,347,350,353,355,359,363,367],{"label":337,"to":29},"WorkOs product screens",{"label":339,"to":38},"WorkOs marketing pages",{"label":341,"to":32},"WorkOs user flows",{"label":343,"to":35},"WorkOs UI components",{"label":345,"to":346},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"label":348,"to":349},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":351,"to":352},"Security app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsecurity",{"label":354,"to":18},"All SaaS app examples",{"label":356,"to":357,"description":358},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":360,"to":361,"description":362},"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":364,"to":365,"description":366},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":368,"to":369,"description":370},"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":372,"updated_at":373},"2021-03-17T19:26:55.000Z","2026-09-26T20:07:51.000Z"]