[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Fsecurity":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"totals":8,"category":11,"seo":15,"breadcrumbs":19,"content":28,"examples":37,"showcases":523,"links":524,"dates":585},"\u002Fexamples\u002Ftags\u002Fsecurity","collection","screens",true,{"example_count":9,"app_count":10},5864,434,{"id":12,"title":13,"description":14},748,"Security","See how SaaS apps organize controls for account protection. Explore how authentication, session details, and security preferences are grouped and explained within the settings area.",{"title":16,"description":17,"og_image":18},"Security screen examples - Nicelydone","Security screen design examples from SaaS apps. See how SaaS apps organize controls for account protection. Explore how authentication, session details, and…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F44d6f450-4856-4125-b5a9-3a44bf9d0192.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Security screen examples",{"title":27,"eyebrow":29,"description":30,"sections":31,"body":35},"Tag category","Security screen design examples from SaaS apps. See how SaaS apps organize controls for account protection. Explore how authentication, session details, and security preferences are grouped and explained…",[32],{"title":33,"description":14,"links":34},"About Security",[],[36],"5864 screens",[38,81,141,188,231,262,303,337,367,415,441,487],{"uuid":39,"title":40,"description":41,"canonical_path":42,"image":18,"width":43,"height":44,"image_alt":45,"published_at":46,"kind":47,"patterns":48,"component_categories":58,"app":67},"44d6f450-4856-4125-b5a9-3a44bf9d0192","Change password · Dock","Authentication screen where the user sets and confirms a new password to recover their account.","\u002Fexamples\u002Fapps\u002Fdock\u002Fscreens",3024,1758,"Change password · Dock from Dock","2026-07-13T15:30:47.000Z","screen",[49],{"id":50,"label":51,"slug":52,"rank":53,"group":54},2,"Forgot Password","forgot-password",0,{"id":55,"label":56,"slug":57},1,"Access & Account","access-and-account",[59,63],{"id":60,"title":61,"slug":62},174,"Card","card",{"id":64,"title":65,"slug":66},175,"Button","button",{"slug":68,"title":69,"logo":70,"baseline":71,"categories":72},"dock","Dock","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdock-k4tgvy1y.png","The new way to manage external relationships",[73,77],{"id":74,"title":75,"slug":76},23,"Collaboration","collaboration",{"id":78,"title":79,"slug":80},29,"Task Management","task-management",{"uuid":82,"title":83,"description":84,"canonical_path":85,"image":86,"width":43,"height":44,"image_alt":87,"published_at":88,"kind":47,"patterns":89,"component_categories":113,"app":119},"26da7e1e-c2f6-4ff3-9afe-9dfdb48f995b","Your Inbox - Phone Numbers - Beside","Settings page where the user confirms the destructive action of deleting a phone number inbox by typing the number into a modal.","\u002Fexamples\u002Fapps\u002Fbeside\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F26da7e1e-c2f6-4ff3-9afe-9dfdb48f995b.png","Your Inbox - Phone Numbers - Beside from Beside","2026-06-29T18:30:01.000Z",[90,98,105],{"id":91,"label":92,"slug":93,"rank":53,"group":94},114,"Confirmation","confirmation",{"id":95,"label":96,"slug":97},12,"States & Feedback","states-and-feedback",{"id":99,"label":100,"slug":101,"rank":55,"group":102},9,"Delete","delete",{"id":50,"label":103,"slug":104},"Actions","actions",{"id":106,"label":107,"slug":108,"rank":50,"group":109},102,"Settings","settings",{"id":110,"label":111,"slug":112},10,"Settings & Admin","settings-and-admin",[114,118],{"id":115,"title":116,"slug":117},177,"Breadcrumb","breadcrumb",{"id":64,"title":65,"slug":66},{"slug":120,"title":121,"logo":122,"baseline":123,"categories":124},"beside","Beside","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F8c14025e-58b4-4801-bd91-3e31a3cf8f21.png","AI-powered business phone assistant that answers calls and takes action",[125,129,133,137],{"id":126,"title":127,"slug":128},80,"Artificial Intelligence","artificial-intelligence",{"id":130,"title":131,"slug":132},47,"Customer Service","customer-service",{"id":134,"title":135,"slug":136},53,"CRM","crm",{"id":138,"title":139,"slug":140},82,"Communication","communication",{"uuid":142,"title":143,"description":144,"canonical_path":145,"image":146,"width":43,"height":44,"image_alt":147,"published_at":148,"kind":47,"patterns":149,"component_categories":162,"app":173},"71d10e56-f234-44c3-8467-83f52adf2af0","Webset Webhooks","Settings page where the user views their newly generated webhook signing secret in a modal after successful creation.","\u002Fexamples\u002Fapps\u002Fexa\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F71d10e56-f234-44c3-8467-83f52adf2af0.png","Webset Webhooks from Exa","2026-06-23T14:19:28.000Z",[150,152,157],{"id":91,"label":92,"slug":93,"rank":53,"group":151},{"id":95,"label":96,"slug":97},{"id":153,"label":154,"slug":155,"rank":55,"group":156},105,"Webhooks","webhooks",{"id":110,"label":111,"slug":112},{"id":158,"label":159,"slug":160,"rank":50,"group":161},122,"Success","success",{"id":95,"label":96,"slug":97},[163,167,168,172],{"id":164,"title":165,"slug":166},260,"Badge","badge",{"id":115,"title":116,"slug":117},{"id":169,"title":170,"slug":171},284,"Modal","modal",{"id":64,"title":65,"slug":66},{"slug":174,"title":175,"logo":176,"baseline":177,"categories":178},"exa","Exa","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F011e446a-087b-451e-b27d-63d67d92a42f.png","Real-time AI search engine with structured web search API and deep research tools",[179,183,184],{"id":180,"title":181,"slug":182},55,"Search engine","search-engine",{"id":126,"title":127,"slug":128},{"id":185,"title":186,"slug":187},37,"Developer APIs","developer-apis",{"uuid":189,"title":190,"description":191,"canonical_path":192,"image":193,"width":43,"height":44,"image_alt":194,"published_at":195,"kind":47,"patterns":196,"component_categories":209,"app":213},"8438aeb8-20f8-42cf-b9a7-421422225956","Town","Settings modal where the user reviews security compliance details, accesses legal documents, and toggles data usage for AI model training.","\u002Fexamples\u002Fapps\u002Ftown\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8438aeb8-20f8-42cf-b9a7-421422225956.png","Town from Town","2026-06-16T15:01:01.000Z",[197,199,207],{"id":106,"label":107,"slug":108,"rank":53,"group":198},{"id":110,"label":111,"slug":112},{"id":200,"label":201,"slug":202,"rank":55,"group":203},33,"AI Settings","ai-settings",{"id":204,"label":205,"slug":206},3,"AI","ai",{"id":91,"label":92,"slug":93,"rank":50,"group":208},{"id":95,"label":96,"slug":97},[210,211,212],{"id":169,"title":170,"slug":171},{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"slug":214,"title":190,"logo":215,"baseline":216,"categories":217},"town","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fb6cf707d-df49-4190-b803-766b8914df89.png","The AI assistant that manages your inbox, schedules meetings, and handles busywork.",[218,219,223,227],{"id":126,"title":127,"slug":128},{"id":220,"title":221,"slug":222},30,"Productivity","productivity",{"id":224,"title":225,"slug":226},92,"Email","email",{"id":228,"title":229,"slug":230},101,"Calendar","calendar",{"uuid":232,"title":233,"description":234,"canonical_path":235,"image":236,"width":43,"height":44,"image_alt":237,"published_at":238,"kind":47,"patterns":239,"component_categories":247,"app":250},"14bb42f5-35d4-40bc-bdff-775169bca6fb","FLORA","Sign-in screen where the user authenticates with Google, Microsoft, or email and password, featuring a split layout with a surreal image.","\u002Fexamples\u002Fapps\u002Fflora\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F14bb42f5-35d4-40bc-bdff-775169bca6fb.png","FLORA from Flora","2026-05-26T09:34:20.000Z",[240,245],{"id":241,"label":242,"slug":243,"rank":53,"group":244},4,"Sign In","sign-in",{"id":55,"label":56,"slug":57},{"id":50,"label":51,"slug":52,"rank":55,"group":246},{"id":55,"label":56,"slug":57},[248,249],{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"slug":251,"title":252,"logo":253,"baseline":254,"categories":255},"flora","Flora","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F5c3c6f99-7e88-4853-9e21-6fd175f2aa62.png","Your creative environement",[256,257,261],{"id":126,"title":127,"slug":128},{"id":258,"title":259,"slug":260},8,"Design","design",{"id":74,"title":75,"slug":76},{"uuid":263,"title":264,"description":265,"canonical_path":266,"image":267,"width":43,"height":44,"image_alt":268,"published_at":269,"kind":47,"patterns":270,"component_categories":287,"app":289},"3277b36a-c888-4c32-adea-e5b6bb6fadc2","Home | Lovable","Onboarding step where the user selects a Pro or Business plan and allocates monthly credits before creating their workspace.","\u002Fexamples\u002Fapps\u002Flovable\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3277b36a-c888-4c32-adea-e5b6bb6fadc2.png","Home | Lovable from Lovable","2026-05-18T10:58:24.000Z",[271,278,282],{"id":272,"label":273,"slug":274,"rank":53,"group":275},89,"Pricing","pricing",{"id":99,"label":276,"slug":277},"Plans & Limits","plans-and-limits",{"id":224,"label":279,"slug":280,"rank":55,"group":281},"Upgrade Prompt","upgrade-prompt",{"id":99,"label":276,"slug":277},{"id":283,"label":284,"slug":285,"rank":50,"group":286},7,"Add & Create","add-and-create",{"id":50,"label":103,"slug":104},[288],{"id":64,"title":65,"slug":66},{"slug":290,"title":291,"logo":292,"baseline":293,"categories":294},"lovable","Lovable","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F371498a3-d8de-4908-8af8-e73a603ffa34.png","Create apps and websites by chatting with AI",[295,296,299],{"id":126,"title":127,"slug":128},{"id":283,"title":297,"slug":298},"Web Development","web-development",{"id":300,"title":301,"slug":302},96,"No code","no-code",{"uuid":304,"title":305,"description":306,"canonical_path":307,"image":308,"width":43,"height":309,"image_alt":310,"published_at":311,"kind":47,"patterns":312,"component_categories":317,"app":329},"a91c6cdb-0e72-48e9-8a58-44c5fddbbb7d","ElevenAgents | ElevenLabs","Settings page where the user configures post-call webhooks and conversation limits for a specific AI agent.","\u002Fexamples\u002Fapps\u002Felevenlabs\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa91c6cdb-0e72-48e9-8a58-44c5fddbbb7d.png",1714,"ElevenAgents | ElevenLabs from Elevenlabs","2026-05-11T13:29:11.000Z",[313,315],{"id":200,"label":201,"slug":202,"rank":53,"group":314},{"id":204,"label":205,"slug":206},{"id":153,"label":154,"slug":155,"rank":55,"group":316},{"id":110,"label":111,"slug":112},[318,322,326,327,328],{"id":319,"title":320,"slug":321},233,"Tabs","tabs",{"id":323,"title":324,"slug":325},257,"Input number","input-number",{"id":164,"title":165,"slug":166},{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"slug":330,"title":331,"logo":332,"baseline":333,"categories":334},"elevenlabs","Elevenlabs","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F040a4c11-6cc6-49d0-85e4-c7f5a0265a3a.png","Bringing technology to life",[335,336],{"id":126,"title":127,"slug":128},{"id":185,"title":186,"slug":187},{"uuid":338,"title":339,"description":340,"canonical_path":341,"image":342,"width":43,"height":44,"image_alt":343,"published_at":344,"kind":47,"patterns":345,"component_categories":348,"app":351},"449efffa-d490-4822-b35e-0989fc3f171a","Login","Sign-in screen where the user enters a one-time verification code sent to their email to authenticate, or opts for Google SSO.","\u002Fexamples\u002Fapps\u002Fnavattic\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F449efffa-d490-4822-b35e-0989fc3f171a.png","Login from Navattic","2026-05-05T10:32:31.000Z",[346],{"id":241,"label":242,"slug":243,"rank":53,"group":347},{"id":55,"label":56,"slug":57},[349,350],{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"slug":352,"title":353,"logo":354,"baseline":355,"categories":356},"navattic","Navattic","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fd26bd2f9-ee1e-4acc-9d41-1890fbd1b5c4.png","Make buying easier with demos",[357,361,362,363],{"id":358,"title":359,"slug":360},25,"Marketing","marketing",{"id":126,"title":127,"slug":128},{"id":300,"title":301,"slug":302},{"id":364,"title":365,"slug":366},103,"Demo Automation","demo-automation",{"uuid":368,"title":369,"description":370,"canonical_path":371,"image":372,"width":373,"height":374,"image_alt":375,"published_at":376,"kind":47,"patterns":377,"component_categories":387,"app":400},"0a6e9e50-c487-4568-91f9-09bbdd6569eb","Audience settings | Mailchimp","Settings page where the user enters a verification code sent to their email to verify a new domain for their audience.","\u002Fexamples\u002Fapps\u002Fmailchimp\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0a6e9e50-c487-4568-91f9-09bbdd6569eb.png",2880,1670,"Audience settings | Mailchimp from Mailchimp","2026-04-29T12:25:29.000Z",[378,383,385],{"id":379,"label":380,"slug":381,"rank":53,"group":382},6,"Verification","verification",{"id":55,"label":56,"slug":57},{"id":106,"label":107,"slug":108,"rank":55,"group":384},{"id":110,"label":111,"slug":112},{"id":91,"label":92,"slug":93,"rank":50,"group":386},{"id":95,"label":96,"slug":97},[388,392,396,397,398,399],{"id":389,"title":390,"slug":391},240,"Horizontal navigation","horizontal-navigation",{"id":393,"title":394,"slug":395},167,"Alert","alert",{"id":115,"title":116,"slug":117},{"id":164,"title":165,"slug":166},{"id":169,"title":170,"slug":171},{"id":64,"title":65,"slug":66},{"slug":401,"title":402,"logo":403,"baseline":404,"categories":405},"mailchimp","Mailchimp","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmailchimp-bd8e0c89.png","All-in-one marketing platform for small business",[406,407,411],{"id":358,"title":359,"slug":360},{"id":408,"title":409,"slug":410},27,"Email Newsletters","email-newsletters",{"id":412,"title":413,"slug":414},68,"SMS","sms",{"uuid":416,"title":417,"description":418,"canonical_path":419,"image":420,"width":43,"height":421,"image_alt":422,"published_at":423,"kind":47,"patterns":424,"component_categories":427,"app":429},"18ba8fe7-17c3-425e-808f-5d505ad9e31a","Check your email","Verification screen where the user enters a 6-digit code sent to their email address to authenticate.","\u002Fexamples\u002Fapps\u002Fliveblocks\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F18ba8fe7-17c3-425e-808f-5d505ad9e31a.png",1588,"Check your email from Liveblocks","2026-04-27T19:43:19.000Z",[425],{"id":379,"label":380,"slug":381,"rank":53,"group":426},{"id":55,"label":56,"slug":57},[428],{"id":60,"title":61,"slug":62},{"slug":430,"title":431,"logo":432,"baseline":433,"categories":434},"liveblocks","Liveblocks","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F081e178d-2cab-4e0b-93f8-061e021783fa.png","Build amazing real‑time collaborative products",[435,439,440],{"id":436,"title":437,"slug":438},48,"Developer Tools","developer-tools",{"id":74,"title":75,"slug":76},{"id":185,"title":186,"slug":187},{"uuid":442,"title":443,"description":444,"canonical_path":445,"image":446,"width":373,"height":374,"image_alt":447,"published_at":448,"kind":47,"patterns":449,"component_categories":466,"app":472},"5467bbc5-b8af-4c9d-9203-c8ae9c602dcd","Maze - Settings","Settings page where the user updates their personal profile information like name, email, job role, and company size.","\u002Fexamples\u002Fapps\u002Fmaze\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5467bbc5-b8af-4c9d-9203-c8ae9c602dcd.png","Maze - Settings from Maze","2026-04-20T14:45:59.000Z",[450,455,462],{"id":451,"label":452,"slug":453,"rank":53,"group":454},94,"Account Settings","account-settings",{"id":110,"label":111,"slug":112},{"id":204,"label":456,"slug":457,"rank":55,"group":458},"Profile","profile",{"id":459,"label":460,"slug":461},11,"Social & Collaboration","social-and-collaboration",{"id":459,"label":463,"slug":464,"rank":50,"group":465},"Edit","edit",{"id":50,"label":103,"slug":104},[467,471],{"id":468,"title":469,"slug":470},169,"Avatar","avatar",{"id":64,"title":65,"slug":66},{"slug":473,"title":474,"logo":475,"baseline":476,"categories":477},"maze","Maze","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F29732693-68cb-43d3-8a42-056936993f0f.png","Rapid testing for modern teams",[478,479,483],{"id":258,"title":259,"slug":260},{"id":480,"title":481,"slug":482},69,"Surveys","surveys",{"id":484,"title":485,"slug":486},104,"User Research","user-research",{"uuid":488,"title":489,"description":490,"canonical_path":491,"image":492,"width":43,"height":493,"image_alt":494,"published_at":495,"kind":47,"patterns":496,"component_categories":504,"app":509},"9a3aadcd-ca7d-47a3-b57b-d25cc8d41075","Cushion","Settings modal where the user configures push and email notification preferences for events like new posts, mentions, and direct messages.","\u002Fexamples\u002Fapps\u002Fcushion-so\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9a3aadcd-ca7d-47a3-b57b-d25cc8d41075.png",1776,"Cushion from Cushion","2026-04-14T11:44:00.000Z",[497,502],{"id":498,"label":499,"slug":500,"rank":53,"group":501},99,"Notification Settings","notification-settings",{"id":110,"label":111,"slug":112},{"id":451,"label":452,"slug":453,"rank":55,"group":503},{"id":110,"label":111,"slug":112},[505,506,507,508],{"id":468,"title":469,"slug":470},{"id":169,"title":170,"slug":171},{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"slug":510,"title":489,"logo":511,"baseline":512,"categories":513},"cushion-so","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fd3bfd512-8e39-4369-9b22-a647bf6a1868.png","Work messaging that keeps your team organised",[514,515,519,520],{"id":74,"title":75,"slug":76},{"id":516,"title":517,"slug":518},42,"Messaging","messaging",{"id":138,"title":139,"slug":140},{"id":272,"title":521,"slug":522},"Remote","remote",[],[525,527,529,531,533,535,537,539,541,543,545,547,549,552,555,558,561,564,567,570,573,576,579,582],{"label":92,"to":526,"count":241},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":107,"to":528,"count":204},"\u002Fexamples\u002Fscreens\u002Fsettings",{"label":452,"to":530,"count":50},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":201,"to":532,"count":50},"\u002Fexamples\u002Fscreens\u002Fai-settings",{"label":51,"to":534,"count":50},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":242,"to":536,"count":50},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":380,"to":538,"count":50},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":154,"to":540,"count":50},"\u002Fexamples\u002Fscreens\u002Fwebhooks",{"label":284,"to":542,"count":55},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":100,"to":544,"count":55},"\u002Fexamples\u002Fscreens\u002Fdelete",{"label":463,"to":546,"count":55},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":499,"to":548,"count":55},"\u002Fexamples\u002Fscreens\u002Fnotification-settings",{"label":550,"to":551},"Dock design examples","\u002Fexamples\u002Fapps\u002Fdock",{"label":553,"to":554},"Beside design examples","\u002Fexamples\u002Fapps\u002Fbeside",{"label":556,"to":557},"Exa design examples","\u002Fexamples\u002Fapps\u002Fexa",{"label":559,"to":560},"Town design examples","\u002Fexamples\u002Fapps\u002Ftown",{"label":562,"to":563},"Flora design examples","\u002Fexamples\u002Fapps\u002Fflora",{"label":565,"to":566},"Lovable design examples","\u002Fexamples\u002Fapps\u002Flovable",{"label":568,"to":569},"Elevenlabs design examples","\u002Fexamples\u002Fapps\u002Felevenlabs",{"label":571,"to":572},"Navattic design examples","\u002Fexamples\u002Fapps\u002Fnavattic",{"label":574,"to":575},"Mailchimp design examples","\u002Fexamples\u002Fapps\u002Fmailchimp",{"label":577,"to":578},"Liveblocks design examples","\u002Fexamples\u002Fapps\u002Fliveblocks",{"label":580,"to":581},"Maze design examples","\u002Fexamples\u002Fapps\u002Fmaze",{"label":583,"to":584},"Cushion design examples","\u002Fexamples\u002Fapps\u002Fcushion-so",{"published_at":586,"updated_at":587},"2024-12-11T10:01:54.000Z","2026-09-26T22:35:10.890Z"]