[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Faccount-security":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":33,"showcases":520,"links":521,"dates":584},"\u002Fexamples\u002Ftags\u002Faccount-security","collection","screens",true,{"example_count":9,"app_count":10},1469,291,{"id":12,"title":13,"description":14},3400,"Account security","",{"title":16,"description":17,"og_image":18},"Account security screen examples - Nicelydone","Account security screen design examples from SaaS apps. Browse examples from Bud, Axiom, Lithic.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0a5bd2a8-32d7-46bc-9d4d-5832f358b888.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Account security screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"1469 screens",[34,94,162,203,243,283,321,347,390,418,451,489],{"uuid":35,"title":36,"description":37,"canonical_path":38,"image":18,"width":39,"height":40,"image_alt":41,"published_at":42,"kind":43,"patterns":44,"component_categories":67,"app":76},"0a5bd2a8-32d7-46bc-9d4d-5832f358b888","My account | Bud","Email verification screen showing an incorrect code error and a countdown timer to resend the code.","\u002Fexamples\u002Fapps\u002Fbud\u002Fscreens",3024,1714,"My account | Bud from Bud","2026-09-21T19:04:27.000Z","screen",[45,54,62],{"id":46,"label":47,"slug":48,"rank":49,"group":50},6,"Verification","verification",0,{"id":51,"label":52,"slug":53},1,"Access & Account","access-and-account",{"id":55,"label":56,"slug":57,"rank":51,"group":58},116,"Error","error",{"id":59,"label":60,"slug":61},12,"States & Feedback","states-and-feedback",{"id":51,"label":63,"slug":64,"rank":65,"group":66},"Account Setup","account-setup",2,{"id":51,"label":52,"slug":53},[68,72],{"id":69,"title":70,"slug":71},174,"Card","card",{"id":73,"title":74,"slug":75},175,"Button","button",{"slug":77,"title":78,"logo":79,"baseline":80,"categories":81},"bud","Bud","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fb0427c87-61b8-484c-bf46-129e1c0ebd42.png","Bud is an AI worker with its own computer, browser, and number to run autonomously and get work done.",[82,86,90],{"id":83,"title":84,"slug":85},80,"Artificial Intelligence","artificial-intelligence",{"id":87,"title":88,"slug":89},103,"Demo Automation","demo-automation",{"id":91,"title":92,"slug":93},105,"Workflow Automation","workflow-automation",{"uuid":95,"title":96,"description":97,"canonical_path":98,"image":99,"width":39,"height":100,"image_alt":101,"published_at":102,"kind":43,"patterns":103,"component_categories":125,"app":140},"ea73111e-3790-49fd-944f-c33f43c3725e","Profile - Settings - Axiom","Settings page where the user views and copies a newly generated personal API token from a modal overlay over their profile configuration.","\u002Fexamples\u002Fapps\u002Faxiom\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fea73111e-3790-49fd-944f-c33f43c3725e.png",1758,"Profile - Settings - Axiom from Axiom","2026-08-18T09:00:19.000Z",[104,112,120],{"id":105,"label":106,"slug":107,"rank":49,"group":108},95,"API Keys","api-keys",{"id":109,"label":110,"slug":111},10,"Settings & Admin","settings-and-admin",{"id":113,"label":114,"slug":115,"rank":51,"group":116},3,"Profile","profile",{"id":117,"label":118,"slug":119},11,"Social & Collaboration","social-and-collaboration",{"id":121,"label":122,"slug":123,"rank":65,"group":124},114,"Confirmation","confirmation",{"id":59,"label":60,"slug":61},[126,130,134,138,139],{"id":127,"title":128,"slug":129},169,"Avatar","avatar",{"id":131,"title":132,"slug":133},240,"Horizontal navigation","horizontal-navigation",{"id":135,"title":136,"slug":137},284,"Modal","modal",{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":141,"title":142,"logo":143,"baseline":144,"categories":145},"axiom","Axiom","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F22cc0be3-ce3f-442a-903f-4da9befc54cd.png","The modern machine data platform.",[146,150,154,158],{"id":147,"title":148,"slug":149},46,"Analytics","analytics",{"id":151,"title":152,"slug":153},57,"Big data","big-data",{"id":155,"title":156,"slug":157},16,"Monitoring","monitoring",{"id":159,"title":160,"slug":161},48,"Developer Tools","developer-tools",{"uuid":163,"title":164,"description":165,"canonical_path":166,"image":167,"width":39,"height":100,"image_alt":168,"published_at":169,"kind":43,"patterns":170,"component_categories":182,"app":185},"65054ad8-924e-41f5-88f2-d003af48803d","Lithic - Account Settings","Settings page where the user updates their account password via a modal requiring their current and new password.","\u002Fexamples\u002Fapps\u002Flithic\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F65054ad8-924e-41f5-88f2-d003af48803d.png","Lithic - Account Settings from Lithic","2026-07-20T18:29:48.000Z",[171,176],{"id":172,"label":173,"slug":174,"rank":49,"group":175},94,"Account Settings","account-settings",{"id":109,"label":110,"slug":111},{"id":117,"label":177,"slug":178,"rank":51,"group":179},"Edit","edit",{"id":65,"label":180,"slug":181},"Actions","actions",[183,184],{"id":135,"title":136,"slug":137},{"id":73,"title":74,"slug":75},{"slug":186,"title":187,"logo":188,"baseline":189,"categories":190},"lithic","Lithic","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F29eef334-64df-456e-bb65-9d93c535b644.png","Programmable card issuing and money movement platform",[191,195,199],{"id":192,"title":193,"slug":194},36,"Finance","finance",{"id":196,"title":197,"slug":198},39,"Payments","payments",{"id":200,"title":201,"slug":202},37,"Developer APIs","developer-apis",{"uuid":204,"title":205,"description":206,"canonical_path":207,"image":208,"width":39,"height":100,"image_alt":209,"published_at":210,"kind":43,"patterns":211,"component_categories":223,"app":229},"38e17206-b487-47b3-8695-b3dfb8fea628","Forgot password · Dock","Password recovery screen displaying a confirmation alert that a reset link has been sent if the email exists, along with a link to return to login.","\u002Fexamples\u002Fapps\u002Fdock\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F38e17206-b487-47b3-8695-b3dfb8fea628.png","Forgot password · Dock from Dock","2026-07-13T15:30:47.000Z",[212,216,218],{"id":65,"label":213,"slug":214,"rank":49,"group":215},"Forgot Password","forgot-password",{"id":51,"label":52,"slug":53},{"id":121,"label":122,"slug":123,"rank":51,"group":217},{"id":59,"label":60,"slug":61},{"id":219,"label":220,"slug":221,"rank":65,"group":222},122,"Success","success",{"id":59,"label":60,"slug":61},[224,228],{"id":225,"title":226,"slug":227},167,"Alert","alert",{"id":69,"title":70,"slug":71},{"slug":230,"title":231,"logo":232,"baseline":233,"categories":234},"dock","Dock","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdock-k4tgvy1y.png","The new way to manage external relationships",[235,239],{"id":236,"title":237,"slug":238},23,"Collaboration","collaboration",{"id":240,"title":241,"slug":242},29,"Task Management","task-management",{"uuid":244,"title":245,"description":246,"canonical_path":247,"image":248,"width":39,"height":100,"image_alt":249,"published_at":250,"kind":43,"patterns":251,"component_categories":261,"app":271},"a654ee99-4df6-4db0-b463-ea903b35e1ca","User - Appwrite","Settings page where the user enters a 6-digit verification code from their authenticator app to configure multi-factor authentication.","\u002Fexamples\u002Fapps\u002Fappwrite\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa654ee99-4df6-4db0-b463-ea903b35e1ca.png","User - Appwrite from Appwrite","2026-07-07T08:00:53.000Z",[252,257,259],{"id":253,"label":254,"slug":255,"rank":49,"group":256},98,"MFA","mfa",{"id":109,"label":110,"slug":111},{"id":121,"label":122,"slug":123,"rank":51,"group":258},{"id":59,"label":60,"slug":61},{"id":172,"label":173,"slug":174,"rank":65,"group":260},{"id":109,"label":110,"slug":111},[262,266,267,268,269,270],{"id":263,"title":264,"slug":265},177,"Breadcrumb","breadcrumb",{"id":127,"title":128,"slug":129},{"id":131,"title":132,"slug":133},{"id":135,"title":136,"slug":137},{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":272,"title":273,"logo":274,"baseline":275,"categories":276},"appwrite","Appwrite","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Faba3119b-0179-4fbd-b6d0-2bb3a0bfda07.png","Open-source backend platform for building and scaling apps with Auth, Database, Storage, Functions, Realtime, Messaging, and Sites.",[277,278,279],{"id":159,"title":160,"slug":161},{"id":200,"title":201,"slug":202},{"id":280,"title":281,"slug":282},45,"Open Source","open-source",{"uuid":284,"title":285,"description":286,"canonical_path":287,"image":288,"width":39,"height":100,"image_alt":289,"published_at":290,"kind":43,"patterns":291,"component_categories":298,"app":302},"26b79cfa-7052-4398-85a7-eb8461174e7e","Profile - Settings - Beside","Settings page where the user manages their sign-in methods, appearance preferences, date formats, and region.","\u002Fexamples\u002Fapps\u002Fbeside\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F26b79cfa-7052-4398-85a7-eb8461174e7e.png","Profile - Settings - Beside from Beside","2026-06-29T18:30:01.000Z",[292,294,296],{"id":172,"label":173,"slug":174,"rank":49,"group":293},{"id":109,"label":110,"slug":111},{"id":113,"label":114,"slug":115,"rank":51,"group":295},{"id":117,"label":118,"slug":119},{"id":46,"label":47,"slug":48,"rank":65,"group":297},{"id":51,"label":52,"slug":53},[299,300,301],{"id":263,"title":264,"slug":265},{"id":127,"title":128,"slug":129},{"id":73,"title":74,"slug":75},{"slug":303,"title":304,"logo":305,"baseline":306,"categories":307},"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",[308,309,313,317],{"id":83,"title":84,"slug":85},{"id":310,"title":311,"slug":312},47,"Customer Service","customer-service",{"id":314,"title":315,"slug":316},53,"CRM","crm",{"id":318,"title":319,"slug":320},82,"Communication","communication",{"uuid":322,"title":323,"description":324,"canonical_path":325,"image":326,"width":39,"height":100,"image_alt":327,"published_at":328,"kind":43,"patterns":329,"component_categories":334,"app":337},"08b2f356-996b-4662-9d9d-e417cf9838ad","Aave Account","Verification screen where the user enters a 6-digit authenticator code or opts to use a backup code.","\u002Fexamples\u002Fapps\u002Ffamily\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F08b2f356-996b-4662-9d9d-e417cf9838ad.png","Aave Account from Family","2026-06-23T15:14:10.000Z",[330,332],{"id":46,"label":47,"slug":48,"rank":49,"group":331},{"id":51,"label":52,"slug":53},{"id":253,"label":254,"slug":255,"rank":51,"group":333},{"id":109,"label":110,"slug":111},[335,336],{"id":131,"title":132,"slug":133},{"id":73,"title":74,"slug":75},{"slug":338,"title":339,"logo":340,"baseline":341,"categories":342},"family","Family","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F54b399c5-e1bc-4b2d-9748-6c66246cee2b.png","Your favorite crypto wallet.",[343,344],{"id":192,"title":193,"slug":194},{"id":105,"title":345,"slug":346},"Blockchain","blockchain",{"uuid":348,"title":349,"description":350,"canonical_path":351,"image":352,"width":39,"height":100,"image_alt":353,"published_at":354,"kind":43,"patterns":355,"component_categories":371,"app":383},"584969cc-ae5e-4a5b-9400-339723615cc0","Copilot Money | Onboarding","Onboarding step where the user sets up two-factor authentication by scanning a QR code or entering a setup key.","\u002Fexamples\u002Fapps\u002Fcopilot-money\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F584969cc-ae5e-4a5b-9400-339723615cc0.png","Copilot Money | Onboarding from Copilot","2026-06-23T15:13:59.000Z",[356,364,366],{"id":357,"label":358,"slug":359,"rank":49,"group":360},75,"Setup Wizard","setup-wizard",{"id":361,"label":362,"slug":363},7,"Onboarding & Education","onboarding-and-education",{"id":253,"label":254,"slug":255,"rank":51,"group":365},{"id":109,"label":110,"slug":111},{"id":367,"label":368,"slug":369,"rank":65,"group":370},74,"Onboarding Checklist","onboarding-checklist",{"id":361,"label":362,"slug":363},[372,376,380,381,382],{"id":373,"title":374,"slug":375},227,"Stepper","stepper",{"id":377,"title":378,"slug":379},260,"Badge","badge",{"id":131,"title":132,"slug":133},{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":384,"title":385,"logo":386,"baseline":387,"categories":388},"copilot-money","Copilot","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F598cc9dd-791e-42fb-9fac-8f3f362f10ac.png","Personal finance app for organizing money across devices",[389],{"id":192,"title":193,"slug":194},{"uuid":391,"title":392,"description":393,"canonical_path":394,"image":395,"width":39,"height":100,"image_alt":396,"published_at":397,"kind":43,"patterns":398,"component_categories":403,"app":406},"a61baa3a-d7d9-44cb-9180-f968a6ebf0fc","FLORA","Password recovery screen where the user enters an emailed confirmation code and a new password to regain account access.","\u002Fexamples\u002Fapps\u002Fflora\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa61baa3a-d7d9-44cb-9180-f968a6ebf0fc.png","FLORA from Flora","2026-05-26T09:34:20.000Z",[399,401],{"id":65,"label":213,"slug":214,"rank":49,"group":400},{"id":51,"label":52,"slug":53},{"id":46,"label":47,"slug":48,"rank":51,"group":402},{"id":51,"label":52,"slug":53},[404,405],{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":407,"title":408,"logo":409,"baseline":410,"categories":411},"flora","Flora","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F5c3c6f99-7e88-4853-9e21-6fd175f2aa62.png","Your creative environement",[412,413,417],{"id":83,"title":84,"slug":85},{"id":414,"title":415,"slug":416},8,"Design","design",{"id":236,"title":237,"slug":238},{"uuid":419,"title":420,"description":421,"canonical_path":422,"image":423,"width":39,"height":100,"image_alt":424,"published_at":425,"kind":43,"patterns":426,"component_categories":433,"app":438},"b94591d7-b783-46ac-9e40-ab52d1e47612","Lovable","Settings page where the user confirms their email address via a modal dialog before proceeding with an account action.","\u002Fexamples\u002Fapps\u002Flovable\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb94591d7-b783-46ac-9e40-ab52d1e47612.png","Lovable from Lovable","2026-05-18T10:58:24.000Z",[427,429,431],{"id":121,"label":122,"slug":123,"rank":49,"group":428},{"id":59,"label":60,"slug":61},{"id":172,"label":173,"slug":174,"rank":51,"group":430},{"id":109,"label":110,"slug":111},{"id":46,"label":47,"slug":48,"rank":65,"group":432},{"id":51,"label":52,"slug":53},[434,435,436,437],{"id":377,"title":378,"slug":379},{"id":135,"title":136,"slug":137},{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":439,"title":420,"logo":440,"baseline":441,"categories":442},"lovable","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F371498a3-d8de-4908-8af8-e73a603ffa34.png","Create apps and websites by chatting with AI",[443,444,447],{"id":83,"title":84,"slug":85},{"id":361,"title":445,"slug":446},"Web Development","web-development",{"id":448,"title":449,"slug":450},96,"No code","no-code",{"uuid":452,"title":453,"description":454,"canonical_path":455,"image":456,"width":39,"height":40,"image_alt":457,"published_at":458,"kind":43,"patterns":459,"component_categories":472,"app":481},"e307244f-9f57-4088-b65a-6b2f2907650c","Subscription | ElevenLabs","Settings modal where the user reviews their current plan details, manages billing periods, and configures auto top-up and usage notifications.","\u002Fexamples\u002Fapps\u002Felevenlabs\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe307244f-9f57-4088-b65a-6b2f2907650c.png","Subscription | ElevenLabs from Elevenlabs","2026-05-11T13:29:11.000Z",[460,464],{"id":448,"label":461,"slug":462,"rank":49,"group":463},"Billing Settings","billing-settings",{"id":109,"label":110,"slug":111},{"id":465,"label":466,"slug":467,"rank":51,"group":468},89,"Pricing","pricing",{"id":469,"label":470,"slug":471},9,"Plans & Limits","plans-and-limits",[473,477,478,479,480],{"id":474,"title":475,"slug":476},233,"Tabs","tabs",{"id":131,"title":132,"slug":133},{"id":135,"title":136,"slug":137},{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":482,"title":483,"logo":484,"baseline":485,"categories":486},"elevenlabs","Elevenlabs","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F040a4c11-6cc6-49d0-85e4-c7f5a0265a3a.png","Bringing technology to life",[487,488],{"id":83,"title":84,"slug":85},{"id":200,"title":201,"slug":202},{"uuid":490,"title":491,"description":492,"canonical_path":493,"image":494,"width":39,"height":100,"image_alt":495,"published_at":496,"kind":43,"patterns":497,"component_categories":507,"app":512},"d544cdb7-f2ed-49b2-99a7-5072d3681018","Aboard","Settings page where the user is presented with new recovery codes to download and save after enabling two-factor authentication.","\u002Fexamples\u002Fapps\u002Faboard\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd544cdb7-f2ed-49b2-99a7-5072d3681018.png","Aboard from Aboard","2026-05-05T10:32:35.000Z",[498,500,502],{"id":253,"label":254,"slug":255,"rank":49,"group":499},{"id":109,"label":110,"slug":111},{"id":121,"label":122,"slug":123,"rank":51,"group":501},{"id":59,"label":60,"slug":61},{"id":503,"label":504,"slug":505,"rank":65,"group":506},25,"Upload & Download","upload-and-download",{"id":65,"label":180,"slug":181},[508,509,510,511],{"id":225,"title":226,"slug":227},{"id":135,"title":136,"slug":137},{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":513,"title":491,"logo":514,"baseline":515,"categories":516},"aboard","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fea3ae2e7-7419-4926-acae-b179668f6172.png","Bring joy to your workplace with Aboard",[517],{"id":109,"title":518,"slug":519},"Human resources","human-resources",[],[522,525,527,530,532,534,536,538,540,542,544,546,548,551,554,557,560,563,566,569,572,575,578,581],{"label":122,"to":523,"count":524},"\u002Fexamples\u002Fscreens\u002Fconfirmation",5,{"label":47,"to":526,"count":524},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":173,"to":528,"count":529},"\u002Fexamples\u002Fscreens\u002Faccount-settings",4,{"label":254,"to":531,"count":529},"\u002Fexamples\u002Fscreens\u002Fmfa",{"label":213,"to":533,"count":65},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":114,"to":535,"count":65},"\u002Fexamples\u002Fscreens\u002Fprofile",{"label":63,"to":537,"count":51},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":106,"to":539,"count":51},"\u002Fexamples\u002Fscreens\u002Fapi-keys",{"label":461,"to":541,"count":51},"\u002Fexamples\u002Fscreens\u002Fbilling-settings",{"label":177,"to":543,"count":51},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":56,"to":545,"count":51},"\u002Fexamples\u002Fscreens\u002Ferror",{"label":368,"to":547,"count":51},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":549,"to":550},"Bud design examples","\u002Fexamples\u002Fapps\u002Fbud",{"label":552,"to":553},"Axiom design examples","\u002Fexamples\u002Fapps\u002Faxiom",{"label":555,"to":556},"Lithic design examples","\u002Fexamples\u002Fapps\u002Flithic",{"label":558,"to":559},"Dock design examples","\u002Fexamples\u002Fapps\u002Fdock",{"label":561,"to":562},"Appwrite design examples","\u002Fexamples\u002Fapps\u002Fappwrite",{"label":564,"to":565},"Beside design examples","\u002Fexamples\u002Fapps\u002Fbeside",{"label":567,"to":568},"Family design examples","\u002Fexamples\u002Fapps\u002Ffamily",{"label":570,"to":571},"Copilot design examples","\u002Fexamples\u002Fapps\u002Fcopilot-money",{"label":573,"to":574},"Flora design examples","\u002Fexamples\u002Fapps\u002Fflora",{"label":576,"to":577},"Lovable design examples","\u002Fexamples\u002Fapps\u002Flovable",{"label":579,"to":580},"Elevenlabs design examples","\u002Fexamples\u002Fapps\u002Felevenlabs",{"label":582,"to":583},"Aboard design examples","\u002Fexamples\u002Fapps\u002Faboard",{"published_at":585,"updated_at":586},"2024-12-11T11:07:37.000Z","2026-09-22T10:00:09.087Z"]