[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Fmfa":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":496,"links":497,"dates":557},"\u002Fexamples\u002Ftags\u002Fmfa","collection","screens",true,{"example_count":9,"app_count":10},387,49,{"id":12,"title":13,"description":14},103377,"Mfa","",{"title":16,"description":17,"og_image":18},"Mfa screen examples - Nicelydone","Mfa screen design examples from SaaS apps. Browse examples from Okta, Typeform, Grammarly.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F17dc6d3f-78ac-4d5b-9e4c-819aad8c4850.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Mfa screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"387 screens",[34,77,130,162,210,243,280,312,351,388,417,449],{"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":54,"app":67},"17dc6d3f-78ac-4d5b-9e4c-819aad8c4850","Multi-Factor Authentication (MFA) Solutions  Okta","Feature page detailing Okta's Multi-Factor Authentication capabilities, highlighting WebAuthn and push notifications alongside UI mockups.","\u002Fexamples\u002Fapps\u002Fokta\u002Fmarketing",3024,8432,"Multi-Factor Authentication (MFA) Solutions  Okta from Okta","2026-01-12T12:46:04.000Z","screen",[45],{"id":46,"label":47,"slug":48,"rank":49,"group":50},138,"Feature Page","feature-page",0,{"id":51,"label":52,"slug":53},15,"Marketing Page Types","marketing-page-types",[55,59,63],{"id":56,"title":57,"slug":58},258,"Header","header",{"id":60,"title":61,"slug":62},168,"Accordion","accordion",{"id":64,"title":65,"slug":66},202,"Footer","footer",{"slug":68,"title":69,"logo":70,"baseline":71,"categories":72},"okta","Okta","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F4b1bf01b-b820-45d6-ba12-24034194be29.png","Secure Identity for Employees, Customers, and AI",[73],{"id":74,"title":75,"slug":76},78,"Security","security",{"uuid":78,"title":79,"description":80,"canonical_path":81,"image":82,"width":39,"height":83,"image_alt":84,"published_at":85,"kind":43,"patterns":86,"component_categories":95,"app":108},"2f78547f-68e8-4916-86f4-b77137c19710","Typeform - Extra Verification","Verification screen where the user enters a code sent to their email to authenticate.","\u002Fexamples\u002Fapps\u002Ftypeform\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2f78547f-68e8-4916-86f4-b77137c19710.png",1780,"Typeform - Extra Verification from Typeform","2025-12-08T14:20:46.000Z",[87],{"id":88,"label":89,"slug":90,"rank":49,"group":91},6,"Verification","verification",{"id":92,"label":93,"slug":94},1,"Access & Account","access-and-account",[96,100,104],{"id":97,"title":98,"slug":99},169,"Avatar","avatar",{"id":101,"title":102,"slug":103},174,"Card","card",{"id":105,"title":106,"slug":107},175,"Button","button",{"slug":109,"title":110,"logo":111,"baseline":112,"categories":113},"typeform","Typeform","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ftypeform-20f4caed.png","Free & beautifully human online forms",[114,118,122,126],{"id":115,"title":116,"slug":117},69,"Surveys","surveys",{"id":119,"title":120,"slug":121},25,"Marketing","marketing",{"id":123,"title":124,"slug":125},96,"No code","no-code",{"id":127,"title":128,"slug":129},104,"User Research","user-research",{"uuid":131,"title":132,"description":133,"canonical_path":134,"image":135,"width":39,"height":83,"image_alt":136,"published_at":137,"kind":43,"patterns":138,"component_categories":141,"app":148},"a46db5dc-80c1-41a4-8fb4-fb4ee32f3e76","Login | Grammarly","Verification screen where the user enters a 6-digit code sent to their email to complete the two-step sign-in process.","\u002Fexamples\u002Fapps\u002Fgrammarly\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa46db5dc-80c1-41a4-8fb4-fb4ee32f3e76.png","Login | Grammarly from Grammarly","2025-10-27T15:38:24.000Z",[139],{"id":88,"label":89,"slug":90,"rank":49,"group":140},{"id":92,"label":93,"slug":94},[142,146,147],{"id":143,"title":144,"slug":145},284,"Modal","modal",{"id":101,"title":102,"slug":103},{"id":105,"title":106,"slug":107},{"slug":149,"title":150,"logo":151,"baseline":152,"categories":153},"grammarly","Grammarly","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fgrammarly-bbef73ad.png","Free online writing assistant",[154,158],{"id":155,"title":156,"slug":157},59,"Writing tools","writing-tools",{"id":159,"title":160,"slug":161},80,"Artificial Intelligence","artificial-intelligence",{"uuid":163,"title":164,"description":165,"canonical_path":166,"image":167,"width":39,"height":83,"image_alt":168,"published_at":169,"kind":43,"patterns":170,"component_categories":184,"app":191},"07bfa10b-af66-4e9b-937a-4b9ea37fe6b9","Two-Factor Authentication | Zapier","Authentication screen where the user enters a 6-digit code from their authenticator app to log in.","\u002Fexamples\u002Fapps\u002Fzapier\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F07bfa10b-af66-4e9b-937a-4b9ea37fe6b9.png","Two-Factor Authentication | Zapier from Zapier","2025-07-28T14:04:12.000Z",[171,179],{"id":172,"label":173,"slug":174,"rank":49,"group":175},98,"MFA","mfa",{"id":176,"label":177,"slug":178},10,"Settings & Admin","settings-and-admin",{"id":180,"label":181,"slug":182,"rank":92,"group":183},4,"Sign In","sign-in",{"id":92,"label":93,"slug":94},[185,189,190],{"id":186,"title":187,"slug":188},240,"Horizontal navigation","horizontal-navigation",{"id":101,"title":102,"slug":103},{"id":105,"title":106,"slug":107},{"slug":192,"title":193,"logo":194,"baseline":195,"categories":196},"zapier","Zapier","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fzapier-6740bd20.png","Connect Your Apps and Automate Workflows",[197,201,205,206],{"id":198,"title":199,"slug":200},37,"Developer APIs","developer-apis",{"id":202,"title":203,"slug":204},48,"Developer Tools","developer-tools",{"id":159,"title":160,"slug":161},{"id":207,"title":208,"slug":209},105,"Workflow Automation","workflow-automation",{"uuid":211,"title":212,"description":213,"canonical_path":214,"image":215,"width":39,"height":216,"image_alt":217,"published_at":218,"kind":43,"patterns":219,"component_categories":225,"app":232},"0ec62ff2-6e63-4b1c-bada-36831240aec4","My account | Dash0","Verification screen where the user enters a 6-digit authenticator app code to proceed with resetting their password.","\u002Fexamples\u002Fapps\u002Fdash0\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0ec62ff2-6e63-4b1c-bada-36831240aec4.png",1778,"My account | Dash0 from Dash0","2025-05-19T11:48:45.000Z",[220],{"id":221,"label":222,"slug":223,"rank":49,"group":224},2,"Forgot Password","forgot-password",{"id":92,"label":93,"slug":94},[226,230,231],{"id":227,"title":228,"slug":229},260,"Badge","badge",{"id":101,"title":102,"slug":103},{"id":105,"title":106,"slug":107},{"slug":233,"title":234,"logo":235,"baseline":236,"categories":237},"dash0","Dash0","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdash0-f4q20ar1.png","Observability, Simplified",[238,239],{"id":202,"title":203,"slug":204},{"id":240,"title":241,"slug":242},16,"Monitoring","monitoring",{"uuid":244,"title":245,"description":246,"canonical_path":247,"image":248,"width":39,"height":249,"image_alt":250,"published_at":251,"kind":43,"patterns":252,"component_categories":264,"app":269},"71b0177e-8171-4f10-bebe-7940bd79372a","Evervault","Settings page where the user views a chronological audit log of team activity, including MFA enablement, app creation, and webhook updates.","\u002Fexamples\u002Fapps\u002Fevervault\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F71b0177e-8171-4f10-bebe-7940bd79372a.png",2454,"Evervault from Evervault","2025-04-29T08:32:29.000Z",[253,260],{"id":254,"label":255,"slug":256,"rank":49,"group":257},39,"Audit Log","audit-log",{"id":180,"label":258,"slug":259},"Data & Analysis","data-and-analysis",{"id":127,"label":261,"slug":262,"rank":92,"group":263},"Team Management","team-management",{"id":176,"label":177,"slug":178},[265,266,267,268],{"id":227,"title":228,"slug":229},{"id":186,"title":187,"slug":188},{"id":97,"title":98,"slug":99},{"id":105,"title":106,"slug":107},{"slug":270,"title":245,"logo":271,"baseline":272,"categories":273},"evervault","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fevervault-uzcb9ksa.png","Security toolkit for developers",[274,275,276,279],{"id":202,"title":203,"slug":204},{"id":198,"title":199,"slug":200},{"id":254,"title":277,"slug":278},"Payments","payments",{"id":74,"title":75,"slug":76},{"uuid":281,"title":282,"description":283,"canonical_path":284,"image":285,"width":39,"height":286,"image_alt":287,"published_at":288,"kind":43,"patterns":289,"component_categories":296,"app":305},"fd4b5d30-49b6-40d0-a70f-bf9fb9b41d4b","xAI Single-Sign On","Security settings screen where the user sets up a new multi-factor authentication device by scanning a QR code and entering a one-time password, showing a validation error on the name field.","\u002Fexamples\u002Fapps\u002Fgrok\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffd4b5d30-49b6-40d0-a70f-bf9fb9b41d4b.png",1714,"xAI Single-Sign On from Grok","2025-04-14T08:55:44.000Z",[290,292],{"id":172,"label":173,"slug":174,"rank":49,"group":291},{"id":176,"label":177,"slug":178},{"id":92,"label":293,"slug":294,"rank":92,"group":295},"Account Setup","account-setup",{"id":92,"label":93,"slug":94},[297,301,302,303,304],{"id":298,"title":299,"slug":300},177,"Breadcrumb","breadcrumb",{"id":186,"title":187,"slug":188},{"id":97,"title":98,"slug":99},{"id":101,"title":102,"slug":103},{"id":105,"title":106,"slug":107},{"slug":306,"title":307,"logo":308,"baseline":309,"categories":310},"grok","Grok","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fgrok-hpyfsu57.png",null,[311],{"id":159,"title":160,"slug":161},{"uuid":313,"title":314,"description":315,"canonical_path":316,"image":317,"width":39,"height":216,"image_alt":318,"published_at":319,"kind":43,"patterns":320,"component_categories":333,"app":341},"8510f05e-4fef-4432-bb5a-f0168763e266","WeTransfer | Send Large Files Fast","Verification screen where the user is instructed to download an authenticator app like Google Authenticator before proceeding to the next step of MFA setup.","\u002Fexamples\u002Fapps\u002Fwetransfer\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8510f05e-4fef-4432-bb5a-f0168763e266.png","WeTransfer | Send Large Files Fast from WeTransfer","2025-02-24T16:12:09.000Z",[321,323,325],{"id":172,"label":173,"slug":174,"rank":49,"group":322},{"id":176,"label":177,"slug":178},{"id":92,"label":293,"slug":294,"rank":92,"group":324},{"id":92,"label":93,"slug":94},{"id":326,"label":327,"slug":328,"rank":221,"group":329},114,"Confirmation","confirmation",{"id":330,"label":331,"slug":332},12,"States & Feedback","states-and-feedback",[334,338,339,340],{"id":335,"title":336,"slug":337},233,"Tabs","tabs",{"id":186,"title":187,"slug":188},{"id":101,"title":102,"slug":103},{"id":105,"title":106,"slug":107},{"slug":342,"title":343,"logo":344,"baseline":345,"categories":346},"wetransfer","WeTransfer","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fwetransfer-3e886b18.png","The simplest way to send your files around the world.",[347],{"id":348,"title":349,"slug":350},71,"File sharing","file-sharing",{"uuid":352,"title":353,"description":354,"canonical_path":355,"image":356,"width":39,"height":216,"image_alt":357,"published_at":358,"kind":43,"patterns":359,"component_categories":364,"app":367},"eb5f66e7-0d65-4e8a-8b06-e63e2f223f69","Kajabi","Verification screen where the user is prompted to copy and safely record a new multi-factor authentication recovery code before completing sign-in.","\u002Fexamples\u002Fapps\u002Fkajabi\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Feb5f66e7-0d65-4e8a-8b06-e63e2f223f69.png","Kajabi from Kajabi","2025-01-27T19:31:18.000Z",[360,362],{"id":88,"label":89,"slug":90,"rank":49,"group":361},{"id":92,"label":93,"slug":94},{"id":92,"label":293,"slug":294,"rank":92,"group":363},{"id":92,"label":93,"slug":94},[365,366],{"id":101,"title":102,"slug":103},{"id":105,"title":106,"slug":107},{"slug":368,"title":353,"logo":369,"baseline":370,"categories":371},"kajabi","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fkajabi-a4858d70.png","Where Creators Build Businesses",[372,376,377,380,384],{"id":373,"title":374,"slug":375},32,"Education","education",{"id":119,"title":120,"slug":121},{"id":92,"title":378,"slug":379},"Communities","communities",{"id":381,"title":382,"slug":383},27,"Email Newsletters","email-newsletters",{"id":385,"title":386,"slug":387},33,"E-Learning","e-learning",{"uuid":389,"title":390,"description":391,"canonical_path":392,"image":393,"width":39,"height":216,"image_alt":394,"published_at":395,"kind":43,"patterns":396,"component_categories":399,"app":401},"c83daa4f-055d-48c5-8921-92e87f93613e","Sign in — Ramp","Verification screen where the user enters a code sent to their email to authenticate their account, with an option to trust the current device.","\u002Fexamples\u002Fapps\u002Framp\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc83daa4f-055d-48c5-8921-92e87f93613e.png","Sign in — Ramp from Ramp","2024-11-25T17:00:10.000Z",[397],{"id":88,"label":89,"slug":90,"rank":49,"group":398},{"id":92,"label":93,"slug":94},[400],{"id":105,"title":106,"slug":107},{"slug":402,"title":403,"logo":404,"baseline":405,"categories":406},"ramp","Ramp","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Framp-b0d4616e.png","The corporate card built for savings",[407,411,412,416],{"id":408,"title":409,"slug":410},36,"Finance","finance",{"id":254,"title":277,"slug":278},{"id":413,"title":414,"slug":415},56,"Accounting","accounting",{"id":159,"title":160,"slug":161},{"uuid":418,"title":419,"description":420,"canonical_path":421,"image":422,"width":39,"height":423,"image_alt":424,"published_at":425,"kind":43,"patterns":426,"component_categories":434,"app":441},"899edc0c-3d07-4681-90da-edbd8bb3a48f","Dashboard | Clerk.com","Settings page where the user configures allowed multi-factor authentication strategies like SMS, authenticator apps, backup codes, and security keys.","\u002Fexamples\u002Fapps\u002Fclerk\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F899edc0c-3d07-4681-90da-edbd8bb3a48f.png",2484,"Dashboard | Clerk.com from Clerk","2024-10-28T14:53:57.000Z",[427,432],{"id":428,"label":429,"slug":430,"rank":49,"group":431},101,"Security Settings","security-settings",{"id":176,"label":177,"slug":178},{"id":172,"label":173,"slug":174,"rank":92,"group":433},{"id":176,"label":177,"slug":178},[435,436,437,438,439,440],{"id":335,"title":336,"slug":337},{"id":227,"title":228,"slug":229},{"id":186,"title":187,"slug":188},{"id":97,"title":98,"slug":99},{"id":101,"title":102,"slug":103},{"id":105,"title":106,"slug":107},{"slug":442,"title":443,"logo":444,"baseline":445,"categories":446},"clerk","Clerk","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fclerk-672b27f0.png","Authentication and User Management",[447,448],{"id":202,"title":203,"slug":204},{"id":74,"title":75,"slug":76},{"uuid":450,"title":451,"description":452,"canonical_path":453,"image":454,"width":39,"height":216,"image_alt":455,"published_at":456,"kind":43,"patterns":457,"component_categories":473,"app":477},"64c30882-5478-4700-8edc-02055343b963","Your details | Nicelydone  Intercom","Settings page where the user manages their email, password, profile photo, and two-factor authentication.","\u002Fexamples\u002Fapps\u002Fintercom\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F64c30882-5478-4700-8edc-02055343b963.png","Your details | Nicelydone  Intercom from Intercom","2024-10-16T07:32:33.000Z",[458,463,471],{"id":459,"label":460,"slug":461,"rank":49,"group":462},94,"Account Settings","account-settings",{"id":176,"label":177,"slug":178},{"id":464,"label":465,"slug":466,"rank":92,"group":467},3,"Profile","profile",{"id":468,"label":469,"slug":470},11,"Social & Collaboration","social-and-collaboration",{"id":172,"label":173,"slug":174,"rank":221,"group":472},{"id":176,"label":177,"slug":178},[474,475,476],{"id":227,"title":228,"slug":229},{"id":97,"title":98,"slug":99},{"id":105,"title":106,"slug":107},{"slug":478,"title":479,"logo":480,"baseline":481,"categories":482},"intercom","Intercom","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fintercom-d24f1c6b.png","A fundamentally new way to communicate with your customers",[483,487,491,495],{"id":484,"title":485,"slug":486},53,"CRM","crm",{"id":488,"title":489,"slug":490},47,"Customer Service","customer-service",{"id":492,"title":493,"slug":494},42,"Messaging","messaging",{"id":119,"title":120,"slug":121},[],[498,501,503,505,507,509,511,513,515,517,519,521,524,527,530,533,536,539,542,545,548,551,554],{"label":173,"to":499,"count":500},"\u002Fexamples\u002Fscreens\u002Fmfa",5,{"label":89,"to":502,"count":180},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":293,"to":504,"count":464},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":460,"to":506,"count":92},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":255,"to":508,"count":92},"\u002Fexamples\u002Fscreens\u002Faudit-log",{"label":327,"to":510,"count":92},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":222,"to":512,"count":92},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":465,"to":514,"count":92},"\u002Fexamples\u002Fscreens\u002Fprofile",{"label":429,"to":516,"count":92},"\u002Fexamples\u002Fscreens\u002Fsecurity-settings",{"label":181,"to":518,"count":92},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":261,"to":520,"count":92},"\u002Fexamples\u002Fscreens\u002Fteam-management",{"label":522,"to":523},"Okta design examples","\u002Fexamples\u002Fapps\u002Fokta",{"label":525,"to":526},"Typeform design examples","\u002Fexamples\u002Fapps\u002Ftypeform",{"label":528,"to":529},"Grammarly design examples","\u002Fexamples\u002Fapps\u002Fgrammarly",{"label":531,"to":532},"Zapier design examples","\u002Fexamples\u002Fapps\u002Fzapier",{"label":534,"to":535},"Dash0 design examples","\u002Fexamples\u002Fapps\u002Fdash0",{"label":537,"to":538},"Evervault design examples","\u002Fexamples\u002Fapps\u002Fevervault",{"label":540,"to":541},"Grok design examples","\u002Fexamples\u002Fapps\u002Fgrok",{"label":543,"to":544},"WeTransfer design examples","\u002Fexamples\u002Fapps\u002Fwetransfer",{"label":546,"to":547},"Kajabi design examples","\u002Fexamples\u002Fapps\u002Fkajabi",{"label":549,"to":550},"Ramp design examples","\u002Fexamples\u002Fapps\u002Framp",{"label":552,"to":553},"Clerk design examples","\u002Fexamples\u002Fapps\u002Fclerk",{"label":555,"to":556},"Intercom design examples","\u002Fexamples\u002Fapps\u002Fintercom",{"published_at":558,"updated_at":559},"2024-10-13T22:22:50.000Z","2026-09-05T20:19:50.752Z"]