[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fscreens\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":37,"showcases":486,"links":487,"dates":540},"\u002Fexamples\u002Fscreens\u002Fmfa","collection","screens",true,{"example_count":9,"app_count":10},932,123,{"id":12,"title":13,"description":14},98,"MFA","See how SaaS apps introduce multi-factor authentication settings. Explore how setup instructions, verification steps, and recovery information appear alongside the account protection controls.",{"title":16,"description":17,"og_image":18},"MFA screen examples - Nicelydone","MFA screen design examples from SaaS apps. See how SaaS apps introduce multi-factor authentication settings. Explore how setup instructions, verification…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Faadd418f-c075-492b-a081-ff5965423e5f.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"SaaS screen examples","\u002Fexamples\u002Fscreens",{"label":27,"to":4},"MFA screen examples",{"title":27,"eyebrow":29,"description":30,"sections":31,"body":35},"Screen category","MFA screen design examples from SaaS apps. See how SaaS apps introduce multi-factor authentication settings. Explore how setup instructions, verification steps, and recovery information appear…",[32],{"title":33,"description":14,"links":34},"About MFA",[],[36],"932 screens",[38,106,156,185,212,249,280,314,344,377,418,444],{"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":71,"app":84},"aadd418f-c075-492b-a081-ff5965423e5f","Preferences | Polar","Settings page where the user is prompted to set up two-factor authentication via an authenticator app.","\u002Fexamples\u002Fapps\u002Fpolar\u002Fscreens",3024,1758,"Preferences | Polar from Polar","2026-09-21T19:01:38.000Z","screen",[49,56,62],{"id":12,"label":13,"slug":50,"rank":51,"group":52},"mfa",0,{"id":53,"label":54,"slug":55},10,"Settings & Admin","settings-and-admin",{"id":57,"label":58,"slug":59,"rank":60,"group":61},94,"Account Settings","account-settings",1,{"id":53,"label":54,"slug":55},{"id":63,"label":64,"slug":65,"rank":66,"group":67},114,"Confirmation","confirmation",2,{"id":68,"label":69,"slug":70},12,"States & Feedback","states-and-feedback",[72,76,80],{"id":73,"title":74,"slug":75},284,"Modal","modal",{"id":77,"title":78,"slug":79},174,"Card","card",{"id":81,"title":82,"slug":83},175,"Button","button",{"slug":85,"title":86,"logo":87,"baseline":88,"categories":89},"polar","Polar","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fpolar-3d0012c1.png","Sell SaaS and digital products in minutes",[90,94,98,102],{"id":91,"title":92,"slug":93},36,"Finance","finance",{"id":95,"title":96,"slug":97},39,"Payments","payments",{"id":99,"title":100,"slug":101},48,"Developer Tools","developer-tools",{"id":103,"title":104,"slug":105},37,"Developer APIs","developer-apis",{"uuid":107,"title":108,"description":109,"canonical_path":110,"image":111,"width":43,"height":44,"image_alt":112,"published_at":113,"kind":47,"patterns":114,"component_categories":124,"app":138},"50570a1f-1a0f-4cbe-89d1-6689ce3cd922","Profile details | Magnific (formerly Freepik)","Settings page where the user configures their personal profile details, system preferences like language and theme, and security options including password updates and two-factor authentication.","\u002Fexamples\u002Fapps\u002Fmagnific\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F50570a1f-1a0f-4cbe-89d1-6689ce3cd922.png","Profile details | Magnific (formerly Freepik) from Magnific","2026-09-14T12:05:04.000Z",[115,117,122],{"id":57,"label":58,"slug":59,"rank":51,"group":116},{"id":53,"label":54,"slug":55},{"id":118,"label":119,"slug":120,"rank":60,"group":121},101,"Security Settings","security-settings",{"id":53,"label":54,"slug":55},{"id":12,"label":13,"slug":50,"rank":66,"group":123},{"id":53,"label":54,"slug":55},[125,129,133,137],{"id":126,"title":127,"slug":128},177,"Breadcrumb","breadcrumb",{"id":130,"title":131,"slug":132},169,"Avatar","avatar",{"id":134,"title":135,"slug":136},260,"Badge","badge",{"id":81,"title":82,"slug":83},{"slug":139,"title":140,"logo":141,"baseline":142,"categories":143},"magnific","Magnific","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F07fe44bd-fed6-494e-8806-f1effa3458cb.png","The creative platform to direct your best work.",[144,148,152],{"id":145,"title":146,"slug":147},8,"Design","design",{"id":149,"title":150,"slug":151},15,"Media and Entertainment","media-and-entertainment",{"id":153,"title":154,"slug":155},80,"Artificial Intelligence","artificial-intelligence",{"uuid":157,"title":158,"description":159,"canonical_path":160,"image":161,"width":43,"height":44,"image_alt":162,"published_at":163,"kind":47,"patterns":164,"component_categories":171,"app":178},"127cfc79-a00f-43a6-8afc-c14a611b0d34","Account – Dashboard - Latitude.sh","Settings page where the user configures account security options including passkeys, multi-factor authentication, and their login email.","\u002Fexamples\u002Fapps\u002Flatitude-2\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F127cfc79-a00f-43a6-8afc-c14a611b0d34.png","Account – Dashboard - Latitude.sh from Latitude.sh","2026-09-14T11:09:31.000Z",[165,167,169],{"id":118,"label":119,"slug":120,"rank":51,"group":166},{"id":53,"label":54,"slug":55},{"id":57,"label":58,"slug":59,"rank":60,"group":168},{"id":53,"label":54,"slug":55},{"id":12,"label":13,"slug":50,"rank":66,"group":170},{"id":53,"label":54,"slug":55},[172,176,177],{"id":173,"title":174,"slug":175},167,"Alert","alert",{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":179,"title":180,"logo":181,"baseline":182,"categories":183},"latitude-2","Latitude.sh","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F855c8d51-549e-4924-978d-a865acc9f11a.png","Deploy and manage fully automated bare metal servers globally",[184],{"id":99,"title":100,"slug":101},{"uuid":186,"title":187,"description":188,"canonical_path":189,"image":190,"width":43,"height":44,"image_alt":191,"published_at":192,"kind":47,"patterns":193,"component_categories":200,"app":203},"c099df9c-977a-4053-bedd-a976fb060bcd","Lithic - Account Settings","Settings page where the user manages their email, password, two-factor authentication, theme preference, and active sessions.","\u002Fexamples\u002Fapps\u002Flithic\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc099df9c-977a-4053-bedd-a976fb060bcd.png","Lithic - Account Settings from Lithic","2026-07-20T18:29:48.000Z",[194,196,198],{"id":57,"label":58,"slug":59,"rank":51,"group":195},{"id":53,"label":54,"slug":55},{"id":118,"label":119,"slug":120,"rank":60,"group":197},{"id":53,"label":54,"slug":55},{"id":12,"label":13,"slug":50,"rank":66,"group":199},{"id":53,"label":54,"slug":55},[201,202],{"id":134,"title":135,"slug":136},{"id":81,"title":82,"slug":83},{"slug":204,"title":205,"logo":206,"baseline":207,"categories":208},"lithic","Lithic","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F29eef334-64df-456e-bb65-9d93c535b644.png","Programmable card issuing and money movement platform",[209,210,211],{"id":91,"title":92,"slug":93},{"id":95,"title":96,"slug":97},{"id":103,"title":104,"slug":105},{"uuid":213,"title":214,"description":215,"canonical_path":216,"image":217,"width":43,"height":44,"image_alt":218,"published_at":219,"kind":47,"patterns":220,"component_categories":227,"app":237},"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",[221,223,225],{"id":12,"label":13,"slug":50,"rank":51,"group":222},{"id":53,"label":54,"slug":55},{"id":63,"label":64,"slug":65,"rank":60,"group":224},{"id":68,"label":69,"slug":70},{"id":57,"label":58,"slug":59,"rank":66,"group":226},{"id":53,"label":54,"slug":55},[228,232,233,234,235,236],{"id":229,"title":230,"slug":231},240,"Horizontal navigation","horizontal-navigation",{"id":126,"title":127,"slug":128},{"id":130,"title":131,"slug":132},{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":238,"title":239,"logo":240,"baseline":241,"categories":242},"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.",[243,244,245],{"id":99,"title":100,"slug":101},{"id":103,"title":104,"slug":105},{"id":246,"title":247,"slug":248},45,"Open Source","open-source",{"uuid":250,"title":251,"description":252,"canonical_path":253,"image":254,"width":43,"height":44,"image_alt":255,"published_at":256,"kind":47,"patterns":257,"component_categories":265,"app":269},"5ab1203c-89b3-49a7-af29-0d44d68b1162","Aave Account","MFA verification screen where the user enters an authenticator backup code and receives an incorrect code error.","\u002Fexamples\u002Fapps\u002Ffamily\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5ab1203c-89b3-49a7-af29-0d44d68b1162.png","Aave Account from Family","2026-06-23T15:14:10.000Z",[258,263],{"id":259,"label":260,"slug":261,"rank":51,"group":262},116,"Error","error",{"id":68,"label":69,"slug":70},{"id":12,"label":13,"slug":50,"rank":60,"group":264},{"id":53,"label":54,"slug":55},[266,267,268],{"id":229,"title":230,"slug":231},{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":270,"title":271,"logo":272,"baseline":273,"categories":274},"family","Family","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F54b399c5-e1bc-4b2d-9748-6c66246cee2b.png","Your favorite crypto wallet.",[275,276],{"id":91,"title":92,"slug":93},{"id":277,"title":278,"slug":279},95,"Blockchain","blockchain",{"uuid":281,"title":282,"description":283,"canonical_path":284,"image":285,"width":43,"height":44,"image_alt":286,"published_at":287,"kind":47,"patterns":288,"component_categories":299,"app":307},"53e5c9bd-d500-4656-848c-d95db2d5b05d","Copilot Money | Dashboard","Settings modal where the user manages their account email, two-factor authentication, data export, and privacy options over a financial dashboard.","\u002Fexamples\u002Fapps\u002Fcopilot-money\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F53e5c9bd-d500-4656-848c-d95db2d5b05d.png","Copilot Money | Dashboard from Copilot","2026-06-23T15:13:59.000Z",[289,291,293],{"id":57,"label":58,"slug":59,"rank":51,"group":290},{"id":53,"label":54,"slug":55},{"id":12,"label":13,"slug":50,"rank":60,"group":292},{"id":53,"label":54,"slug":55},{"id":149,"label":294,"slug":295,"rank":66,"group":296},"Import & Export","import-and-export",{"id":66,"label":297,"slug":298},"Actions","actions",[300,304,305,306],{"id":301,"title":302,"slug":303},233,"Tabs","tabs",{"id":73,"title":74,"slug":75},{"id":134,"title":135,"slug":136},{"id":81,"title":82,"slug":83},{"slug":308,"title":309,"logo":310,"baseline":311,"categories":312},"copilot-money","Copilot","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F598cc9dd-791e-42fb-9fac-8f3f362f10ac.png","Personal finance app for organizing money across devices",[313],{"id":91,"title":92,"slug":93},{"uuid":315,"title":316,"description":317,"canonical_path":318,"image":319,"width":43,"height":44,"image_alt":320,"published_at":321,"kind":47,"patterns":322,"component_categories":327,"app":332},"c1e65b5e-d01b-4fa0-9353-666a301491a7","FLORA - Untitled","Settings modal where the user updates their name and email, and manages their two-factor authentication status.","\u002Fexamples\u002Fapps\u002Fflora\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc1e65b5e-d01b-4fa0-9353-666a301491a7.png","FLORA - Untitled from Flora","2026-05-26T09:34:20.000Z",[323,325],{"id":57,"label":58,"slug":59,"rank":51,"group":324},{"id":53,"label":54,"slug":55},{"id":12,"label":13,"slug":50,"rank":60,"group":326},{"id":53,"label":54,"slug":55},[328,329,330,331],{"id":130,"title":131,"slug":132},{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":333,"title":334,"logo":335,"baseline":336,"categories":337},"flora","Flora","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F5c3c6f99-7e88-4853-9e21-6fd175f2aa62.png","Your creative environement",[338,339,340],{"id":153,"title":154,"slug":155},{"id":145,"title":146,"slug":147},{"id":341,"title":342,"slug":343},23,"Collaboration","collaboration",{"uuid":345,"title":346,"description":347,"canonical_path":348,"image":349,"width":43,"height":44,"image_alt":350,"published_at":351,"kind":47,"patterns":352,"component_categories":359,"app":363},"e1133bbb-c1e0-482f-96c1-e5e9265fdac3","Lovable","Settings page where the user manages their personal account preferences, linked sign-in methods, two-factor authentication, and account deletion.","\u002Fexamples\u002Fapps\u002Flovable\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe1133bbb-c1e0-482f-96c1-e5e9265fdac3.png","Lovable from Lovable","2026-05-18T10:58:24.000Z",[353,355,357],{"id":57,"label":58,"slug":59,"rank":51,"group":354},{"id":53,"label":54,"slug":55},{"id":118,"label":119,"slug":120,"rank":60,"group":356},{"id":53,"label":54,"slug":55},{"id":12,"label":13,"slug":50,"rank":66,"group":358},{"id":53,"label":54,"slug":55},[360,361,362],{"id":134,"title":135,"slug":136},{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":364,"title":346,"logo":365,"baseline":366,"categories":367},"lovable","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F371498a3-d8de-4908-8af8-e73a603ffa34.png","Create apps and websites by chatting with AI",[368,369,373],{"id":153,"title":154,"slug":155},{"id":370,"title":371,"slug":372},7,"Web Development","web-development",{"id":374,"title":375,"slug":376},96,"No code","no-code",{"uuid":378,"title":379,"description":380,"canonical_path":381,"image":382,"width":43,"height":383,"image_alt":384,"published_at":385,"kind":47,"patterns":386,"component_categories":404,"app":410},"685bdc45-23d4-4de1-bec5-6210664d5f6d","Subscription | ElevenLabs","Billing settings modal where the user can resume a cancelled subscription, view remaining credits, switch to yearly billing, and manage 2FA security.","\u002Fexamples\u002Fapps\u002Felevenlabs\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F685bdc45-23d4-4de1-bec5-6210664d5f6d.png",1714,"Subscription | ElevenLabs from Elevenlabs","2026-05-11T13:29:11.000Z",[387,391,393,395],{"id":374,"label":388,"slug":389,"rank":51,"group":390},"Billing Settings","billing-settings",{"id":53,"label":54,"slug":55},{"id":12,"label":13,"slug":50,"rank":60,"group":392},{"id":53,"label":54,"slug":55},{"id":63,"label":64,"slug":65,"rank":66,"group":394},{"id":68,"label":69,"slug":70},{"id":396,"label":397,"slug":398,"rank":399,"group":400},132,"Payment Method","payment-method",3,{"id":401,"label":402,"slug":403},14,"Payments & Checkout","payments-and-checkout",[405,406,407,408,409],{"id":126,"title":127,"slug":128},{"id":301,"title":302,"slug":303},{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":411,"title":412,"logo":413,"baseline":414,"categories":415},"elevenlabs","Elevenlabs","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F040a4c11-6cc6-49d0-85e4-c7f5a0265a3a.png","Bringing technology to life",[416,417],{"id":153,"title":154,"slug":155},{"id":103,"title":104,"slug":105},{"uuid":419,"title":420,"description":421,"canonical_path":422,"image":423,"width":43,"height":44,"image_alt":424,"published_at":425,"kind":47,"patterns":426,"component_categories":433,"app":436},"5a73d4e7-805f-4175-ba15-20d738201d8c","Aboard","Settings page where the user configures localization, manages sign-in methods like passkeys, and controls security options including two-factor authentication and recovery codes.","\u002Fexamples\u002Fapps\u002Faboard\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5a73d4e7-805f-4175-ba15-20d738201d8c.png","Aboard from Aboard","2026-05-05T10:32:35.000Z",[427,429,431],{"id":57,"label":58,"slug":59,"rank":51,"group":428},{"id":53,"label":54,"slug":55},{"id":118,"label":119,"slug":120,"rank":60,"group":430},{"id":53,"label":54,"slug":55},{"id":12,"label":13,"slug":50,"rank":66,"group":432},{"id":53,"label":54,"slug":55},[434,435],{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":437,"title":420,"logo":438,"baseline":439,"categories":440},"aboard","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fea3ae2e7-7419-4926-acae-b179668f6172.png","Bring joy to your workplace with Aboard",[441],{"id":53,"title":442,"slug":443},"Human resources","human-resources",{"uuid":445,"title":446,"description":447,"canonical_path":448,"image":449,"width":450,"height":451,"image_alt":452,"published_at":453,"kind":47,"patterns":454,"component_categories":461,"app":468},"9a623dbb-cc75-4e0b-8025-5eaad45aa312","Account Security | Mailchimp","Settings page where the user enters a 6-digit SMS code to enable multi-factor authentication for their account.","\u002Fexamples\u002Fapps\u002Fmailchimp\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9a623dbb-cc75-4e0b-8025-5eaad45aa312.png",2880,1670,"Account Security | Mailchimp from Mailchimp","2026-04-29T12:25:29.000Z",[455,457,459],{"id":12,"label":13,"slug":50,"rank":51,"group":456},{"id":53,"label":54,"slug":55},{"id":63,"label":64,"slug":65,"rank":60,"group":458},{"id":68,"label":69,"slug":70},{"id":57,"label":58,"slug":59,"rank":66,"group":460},{"id":53,"label":54,"slug":55},[462,463,464,465,466,467],{"id":229,"title":230,"slug":231},{"id":301,"title":302,"slug":303},{"id":130,"title":131,"slug":132},{"id":134,"title":135,"slug":136},{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":469,"title":470,"logo":471,"baseline":472,"categories":473},"mailchimp","Mailchimp","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmailchimp-bd8e0c89.png","All-in-one marketing platform for small business",[474,478,482],{"id":475,"title":476,"slug":477},25,"Marketing","marketing",{"id":479,"title":480,"slug":481},27,"Email Newsletters","email-newsletters",{"id":483,"title":484,"slug":485},68,"SMS","sms",[],[488,490,493,496,498,500,502,504,507,510,513,516,519,522,525,528,531,534,537],{"label":58,"to":489,"count":53},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":119,"to":491,"count":492},"\u002Fexamples\u002Fscreens\u002Fsecurity-settings",5,{"label":64,"to":494,"count":495},"\u002Fexamples\u002Fscreens\u002Fconfirmation",4,{"label":388,"to":497,"count":60},"\u002Fexamples\u002Fscreens\u002Fbilling-settings",{"label":260,"to":499,"count":60},"\u002Fexamples\u002Fscreens\u002Ferror",{"label":294,"to":501,"count":60},"\u002Fexamples\u002Fscreens\u002Fimport-and-export",{"label":397,"to":503,"count":60},"\u002Fexamples\u002Fscreens\u002Fpayment-method",{"label":505,"to":506},"Polar design examples","\u002Fexamples\u002Fapps\u002Fpolar",{"label":508,"to":509},"Magnific design examples","\u002Fexamples\u002Fapps\u002Fmagnific",{"label":511,"to":512},"Latitude.sh design examples","\u002Fexamples\u002Fapps\u002Flatitude-2",{"label":514,"to":515},"Lithic design examples","\u002Fexamples\u002Fapps\u002Flithic",{"label":517,"to":518},"Appwrite design examples","\u002Fexamples\u002Fapps\u002Fappwrite",{"label":520,"to":521},"Family design examples","\u002Fexamples\u002Fapps\u002Ffamily",{"label":523,"to":524},"Copilot design examples","\u002Fexamples\u002Fapps\u002Fcopilot-money",{"label":526,"to":527},"Flora design examples","\u002Fexamples\u002Fapps\u002Fflora",{"label":529,"to":530},"Lovable design examples","\u002Fexamples\u002Fapps\u002Flovable",{"label":532,"to":533},"Elevenlabs design examples","\u002Fexamples\u002Fapps\u002Felevenlabs",{"label":535,"to":536},"Aboard design examples","\u002Fexamples\u002Fapps\u002Faboard",{"label":538,"to":539},"Mailchimp design examples","\u002Fexamples\u002Fapps\u002Fmailchimp",{"published_at":541,"updated_at":542},"2026-04-29T05:53:58.000Z","2026-09-26T20:10:01.259Z"]