[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fscreens\u002Faccount-settings":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":510,"links":511,"dates":572},"\u002Fexamples\u002Fscreens\u002Faccount-settings","collection","screens",true,{"example_count":9,"app_count":10},7949,546,{"id":12,"title":13,"description":14},94,"Account Settings","See how SaaS apps organize personal details, preferences, and account controls. Browse layouts that separate everyday changes from sensitive actions such as changing a password or closing an account.",{"title":16,"description":17,"og_image":18},"Account Settings screen examples - Nicelydone","Account Settings screen design examples from SaaS apps. See how SaaS apps organize personal details, preferences, and account controls. Browse layouts that…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Faf580da1-5bcd-47fb-bce1-8b9997901f6a.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"SaaS screen examples","\u002Fexamples\u002Fscreens",{"label":27,"to":4},"Account Settings screen examples",{"title":27,"eyebrow":29,"description":30,"sections":31,"body":35},"Screen category","Account Settings screen design examples from SaaS apps. See how SaaS apps organize personal details, preferences, and account controls. Browse layouts that separate everyday changes from sensitive actions such as…",[32],{"title":33,"description":14,"links":34},"About Account Settings",[],[36],"7949 screens",[38,97,146,195,228,259,304,340,369,406,447,474],{"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":62,"app":75},"af580da1-5bcd-47fb-bce1-8b9997901f6a","Settings | Nicelydone | Polar","Settings page where the user configures organization preferences like identifier, slug, name, country, and social media links.","\u002Fexamples\u002Fapps\u002Fpolar\u002Fscreens",3024,1758,"Settings | Nicelydone | Polar from Polar","2026-09-21T19:01:38.000Z","screen",[49,56],{"id":12,"label":13,"slug":50,"rank":51,"group":52},"account-settings",0,{"id":53,"label":54,"slug":55},10,"Settings & Admin","settings-and-admin",{"id":57,"label":58,"slug":59,"rank":60,"group":61},104,"Team Management","team-management",1,{"id":53,"label":54,"slug":55},[63,67,71],{"id":64,"title":65,"slug":66},174,"Card","card",{"id":68,"title":69,"slug":70},169,"Avatar","avatar",{"id":72,"title":73,"slug":74},175,"Button","button",{"slug":76,"title":77,"logo":78,"baseline":79,"categories":80},"polar","Polar","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fpolar-3d0012c1.png","Sell SaaS and digital products in minutes",[81,85,89,93],{"id":82,"title":83,"slug":84},36,"Finance","finance",{"id":86,"title":87,"slug":88},39,"Payments","payments",{"id":90,"title":91,"slug":92},48,"Developer Tools","developer-tools",{"id":94,"title":95,"slug":96},37,"Developer APIs","developer-apis",{"uuid":98,"title":99,"description":100,"canonical_path":101,"image":102,"width":43,"height":44,"image_alt":103,"published_at":104,"kind":47,"patterns":105,"component_categories":122,"app":128},"41ebb2b2-0e49-4bb0-a090-6f9f3ee19c0c","Subscription | Magnific (formerly Freepik)","Settings page where the user is asked to provide feedback on why they are leaving before confirming the cancellation of their subscription.","\u002Fexamples\u002Fapps\u002Fmagnific\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F41ebb2b2-0e49-4bb0-a090-6f9f3ee19c0c.png","Subscription | Magnific (formerly Freepik) from Magnific","2026-09-14T12:05:04.000Z",[106,114,119],{"id":107,"label":108,"slug":109,"rank":51,"group":110},117,"Feedback","feedback",{"id":111,"label":112,"slug":113},12,"States & Feedback","states-and-feedback",{"id":115,"label":116,"slug":117,"rank":60,"group":118},114,"Confirmation","confirmation",{"id":111,"label":112,"slug":113},{"id":12,"label":13,"slug":50,"rank":120,"group":121},2,{"id":53,"label":54,"slug":55},[123,127],{"id":124,"title":125,"slug":126},277,"Button group","button-group",{"id":72,"title":73,"slug":74},{"slug":129,"title":130,"logo":131,"baseline":132,"categories":133},"magnific","Magnific","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F07fe44bd-fed6-494e-8806-f1effa3458cb.png","The creative platform to direct your best work.",[134,138,142],{"id":135,"title":136,"slug":137},8,"Design","design",{"id":139,"title":140,"slug":141},15,"Media and Entertainment","media-and-entertainment",{"id":143,"title":144,"slug":145},80,"Artificial Intelligence","artificial-intelligence",{"uuid":147,"title":148,"description":149,"canonical_path":150,"image":151,"width":43,"height":44,"image_alt":152,"published_at":153,"kind":47,"patterns":154,"component_categories":170,"app":188},"165122e6-21df-4d4d-9837-e2a54128eeb9","Billing – Dashboard - Latitude.sh","Settings page where the user manages their billing address, applies coupon codes, and adds account credits.","\u002Fexamples\u002Fapps\u002Flatitude-2\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F165122e6-21df-4d4d-9837-e2a54128eeb9.png","Billing – Dashboard - Latitude.sh from Latitude.sh","2026-09-14T11:09:31.000Z",[155,160,168],{"id":156,"label":157,"slug":158,"rank":51,"group":159},96,"Billing Settings","billing-settings",{"id":53,"label":54,"slug":55},{"id":161,"label":162,"slug":163,"rank":60,"group":164},42,"Form","form",{"id":165,"label":166,"slug":167},4,"Data & Analysis","data-and-analysis",{"id":12,"label":13,"slug":50,"rank":120,"group":169},{"id":53,"label":54,"slug":55},[171,175,179,183,187],{"id":172,"title":173,"slug":174},167,"Alert","alert",{"id":176,"title":177,"slug":178},240,"Horizontal navigation","horizontal-navigation",{"id":180,"title":181,"slug":182},233,"Tabs","tabs",{"id":184,"title":185,"slug":186},260,"Badge","badge",{"id":72,"title":73,"slug":74},{"slug":189,"title":190,"logo":191,"baseline":192,"categories":193},"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",[194],{"id":90,"title":91,"slug":92},{"uuid":196,"title":197,"description":198,"canonical_path":199,"image":200,"width":43,"height":44,"image_alt":201,"published_at":202,"kind":47,"patterns":203,"component_categories":214,"app":216},"a63f4017-9eba-46cb-a2d2-e144abc7d03a","Settings","Settings page where the user views their general account profile information, including profile picture, full name, and email address, within a centered card overlay.","\u002Fexamples\u002Fapps\u002Falloy\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa63f4017-9eba-46cb-a2d2-e144abc7d03a.png","Settings from Alloy","2026-09-14T10:58:46.000Z",[204,206],{"id":12,"label":13,"slug":50,"rank":51,"group":205},{"id":53,"label":54,"slug":55},{"id":207,"label":208,"slug":209,"rank":60,"group":210},3,"Profile","profile",{"id":211,"label":212,"slug":213},11,"Social & Collaboration","social-and-collaboration",[215],{"id":68,"title":69,"slug":70},{"slug":217,"title":218,"logo":219,"baseline":220,"categories":221},"alloy","Alloy","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F13110ce9-b228-4dcd-99db-7c3272fae2ce.png","AI prototyping tool for product managers",[222,223,224],{"id":90,"title":91,"slug":92},{"id":143,"title":144,"slug":145},{"id":225,"title":226,"slug":227},86,"Product management","product-management",{"uuid":229,"title":230,"description":231,"canonical_path":232,"image":233,"width":43,"height":44,"image_alt":234,"published_at":235,"kind":47,"patterns":236,"component_categories":241,"app":244},"aa8472b0-ed0b-43a9-be1b-d195e2473300","Flask","Settings page where the user manages their profile by updating their avatar and email address.","\u002Fexamples\u002Fapps\u002Fflask\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Faa8472b0-ed0b-43a9-be1b-d195e2473300.png","Flask from Flask","2026-09-07T12:11:43.000Z",[237,239],{"id":207,"label":208,"slug":209,"rank":51,"group":238},{"id":211,"label":212,"slug":213},{"id":12,"label":13,"slug":50,"rank":60,"group":240},{"id":53,"label":54,"slug":55},[242,243],{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":245,"title":230,"logo":246,"baseline":247,"categories":248},"flask","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ffb0bfd95-becd-46ec-9917-a82dd6bbe601.png","Give detailed video feedback in minutes without typing comments",[249,253,257],{"id":250,"title":251,"slug":252},100,"Video","video",{"id":254,"title":255,"slug":256},23,"Collaboration","collaboration",{"id":258,"title":108,"slug":109},35,{"uuid":260,"title":261,"description":262,"canonical_path":263,"image":264,"width":43,"height":44,"image_alt":265,"published_at":266,"kind":47,"patterns":267,"component_categories":278,"app":283},"b1d4d159-05be-484d-af09-fa220b453ec0","Edit profile · Airbnb","Settings page where the user edits their public profile by adding a photo, toggling travel stamps, and selecting personal interests.","\u002Fexamples\u002Fapps\u002Fairbnb\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb1d4d159-05be-484d-af09-fa220b453ec0.png","Edit profile · Airbnb from Airbnb","2026-09-07T10:47:21.000Z",[268,270,276],{"id":207,"label":208,"slug":209,"rank":51,"group":269},{"id":211,"label":212,"slug":213},{"id":211,"label":271,"slug":272,"rank":60,"group":273},"Edit","edit",{"id":120,"label":274,"slug":275},"Actions","actions",{"id":12,"label":13,"slug":50,"rank":120,"group":277},{"id":53,"label":54,"slug":55},[279,280,281,282],{"id":176,"title":177,"slug":178},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":284,"title":285,"logo":286,"baseline":287,"categories":288},"airbnb","Airbnb","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fairbnb-2b8cc5d2.png","Book unique homes and experience a city like a local",[289,293,296,300],{"id":290,"title":291,"slug":292},5,"Travel","travel",{"id":111,"title":294,"slug":295},"Hospitality","hospitality",{"id":297,"title":298,"slug":299},17,"Peer to peer","peer-to-peer",{"id":301,"title":302,"slug":303},18,"Marketplace","marketplace",{"uuid":305,"title":306,"description":307,"canonical_path":308,"image":309,"width":43,"height":44,"image_alt":310,"published_at":311,"kind":47,"patterns":312,"component_categories":317,"app":327},"046fc74c-e91d-4666-96da-355fd610277a","Settings | inference.net","Settings page where the user views their account information, checks their email verification status, and toggles the app theme.","\u002Fexamples\u002Fapps\u002Finference\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F046fc74c-e91d-4666-96da-355fd610277a.png","Settings | inference.net from Inference","2026-09-07T10:14:44.000Z",[313,315],{"id":12,"label":13,"slug":50,"rank":51,"group":314},{"id":53,"label":54,"slug":55},{"id":207,"label":208,"slug":209,"rank":60,"group":316},{"id":211,"label":212,"slug":213},[318,322,323,324,325,326],{"id":319,"title":320,"slug":321},177,"Breadcrumb","breadcrumb",{"id":176,"title":177,"slug":178},{"id":180,"title":181,"slug":182},{"id":184,"title":185,"slug":186},{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":328,"title":329,"logo":330,"baseline":331,"categories":332},"inference","Inference","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F65e2bbca-c37f-44d3-a945-dbb7846ba077.png","Build and monitor self-improving agents.",[333,334,338,339],{"id":90,"title":91,"slug":92},{"id":335,"title":336,"slug":337},16,"Monitoring","monitoring",{"id":94,"title":95,"slug":96},{"id":143,"title":144,"slug":145},{"uuid":341,"title":342,"description":343,"canonical_path":344,"image":345,"width":43,"height":44,"image_alt":346,"published_at":347,"kind":47,"patterns":348,"component_categories":353,"app":358},"864c186b-419b-4e65-950f-573a082a4125","Origin Financial","Settings page where the user views their current annual membership plan details, expiration date, and billing provider.","\u002Fexamples\u002Fapps\u002Fuseorigin\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F864c186b-419b-4e65-950f-573a082a4125.png","Origin Financial from Origin Financial","2026-08-31T10:47:43.000Z",[349,351],{"id":12,"label":13,"slug":50,"rank":51,"group":350},{"id":53,"label":54,"slug":55},{"id":156,"label":157,"slug":158,"rank":60,"group":352},{"id":53,"label":54,"slug":55},[354,355,356,357],{"id":180,"title":181,"slug":182},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":359,"title":342,"logo":360,"baseline":361,"categories":362},"useorigin","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F15075243-f5d2-4573-9045-2e4c07c4ce88.png","All-in-one financial platform for budgeting, investing, and AI-powered planning",[363,364,368],{"id":82,"title":83,"slug":84},{"id":365,"title":366,"slug":367},56,"Accounting","accounting",{"id":143,"title":144,"slug":145},{"uuid":370,"title":371,"description":372,"canonical_path":373,"image":374,"width":43,"height":44,"image_alt":375,"published_at":376,"kind":47,"patterns":377,"component_categories":387,"app":393},"97d402e8-cdb3-4905-8aad-697769edcc3a","Steel | Open-source Headless Browser API","Settings page where the user can update their password, view active devices, and initiate account deletion.","\u002Fexamples\u002Fapps\u002Fsteel\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F97d402e8-cdb3-4905-8aad-697769edcc3a.png","Steel | Open-source Headless Browser API from Steel","2026-08-31T08:39:06.000Z",[378,383,385],{"id":379,"label":380,"slug":381,"rank":51,"group":382},101,"Security Settings","security-settings",{"id":53,"label":54,"slug":55},{"id":12,"label":13,"slug":50,"rank":60,"group":384},{"id":53,"label":54,"slug":55},{"id":211,"label":271,"slug":272,"rank":120,"group":386},{"id":120,"label":274,"slug":275},[388,389,390,391,392],{"id":176,"title":177,"slug":178},{"id":184,"title":185,"slug":186},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":394,"title":395,"logo":396,"baseline":397,"categories":398},"steel","Steel","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F03f0fa43-a227-4dce-b66a-f340f4551973.png","Browser infrastructure for AI agents",[399,400,401,402],{"id":90,"title":91,"slug":92},{"id":143,"title":144,"slug":145},{"id":94,"title":95,"slug":96},{"id":403,"title":404,"slug":405},45,"Open Source","open-source",{"uuid":407,"title":408,"description":409,"canonical_path":410,"image":411,"width":43,"height":44,"image_alt":412,"published_at":413,"kind":47,"patterns":414,"component_categories":426,"app":431},"e2204f9e-ff9a-46cf-8427-f3ba9475422a","Zaro - The Context Layer for Enterprise AI","Settings page where the user manages workspace details, storage usage statistics, and memory processing controls.","\u002Fexamples\u002Fapps\u002Fzaro\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe2204f9e-ff9a-46cf-8427-f3ba9475422a.png","Zaro - The Context Layer for Enterprise AI from Zaro","2026-08-24T10:01:28.000Z",[415,419,421],{"id":416,"label":197,"slug":417,"rank":51,"group":418},102,"settings",{"id":53,"label":54,"slug":55},{"id":12,"label":13,"slug":50,"rank":60,"group":420},{"id":53,"label":54,"slug":55},{"id":422,"label":423,"slug":424,"rank":120,"group":425},49,"Usage","usage",{"id":165,"label":166,"slug":167},[427,428,429,430],{"id":319,"title":320,"slug":321},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":432,"title":433,"logo":434,"baseline":435,"categories":436},"zaro","Zaro","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdcfeb606-2235-48bf-83e3-948e2ac20719.png","AI workspace with agents and apps for business automation",[437,438,439,443],{"id":254,"title":255,"slug":256},{"id":143,"title":144,"slug":145},{"id":440,"title":441,"slug":442},22,"Knowledge Management","knowledge-management",{"id":444,"title":445,"slug":446},46,"Analytics","analytics",{"uuid":448,"title":449,"description":450,"canonical_path":451,"image":452,"width":43,"height":44,"image_alt":453,"published_at":454,"kind":47,"patterns":455,"component_categories":458,"app":467},"2cdd0956-0033-48a2-9d58-ff03b35433c2","Riverside Studio","Settings modal where the user configures recording preferences like frame rate, countdown timer, and automatic backups.","\u002Fexamples\u002Fapps\u002Friverside\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2cdd0956-0033-48a2-9d58-ff03b35433c2.png","Riverside Studio from Riverside","2026-08-24T09:31:05.000Z",[456],{"id":12,"label":13,"slug":50,"rank":51,"group":457},{"id":53,"label":54,"slug":55},[459,463,464,465,466],{"id":460,"title":461,"slug":462},284,"Modal","modal",{"id":180,"title":181,"slug":182},{"id":184,"title":185,"slug":186},{"id":64,"title":65,"slug":66},{"id":72,"title":73,"slug":74},{"slug":468,"title":469,"logo":470,"baseline":471,"categories":472},"riverside","Riverside","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcc94468d-7b59-49b7-b969-3aee258a2348.png","HD podcast and video recording and editing software",[473],{"id":250,"title":251,"slug":252},{"uuid":475,"title":476,"description":477,"canonical_path":478,"image":479,"width":43,"height":44,"image_alt":480,"published_at":481,"kind":47,"patterns":482,"component_categories":495,"app":498},"2b236b1f-a11a-4feb-ae45-ef3e0c11842b","Axiom","Settings drawer where the user manages their personal details, personal API tokens, active sessions, and can delete their account.","\u002Fexamples\u002Fapps\u002Faxiom\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2b236b1f-a11a-4feb-ae45-ef3e0c11842b.png","Axiom from Axiom","2026-08-18T09:00:19.000Z",[483,485,490],{"id":12,"label":13,"slug":50,"rank":51,"group":484},{"id":53,"label":54,"slug":55},{"id":486,"label":487,"slug":488,"rank":60,"group":489},95,"API Keys","api-keys",{"id":53,"label":54,"slug":55},{"id":491,"label":492,"slug":493,"rank":120,"group":494},9,"Delete","delete",{"id":120,"label":274,"slug":275},[496,497],{"id":184,"title":185,"slug":186},{"id":72,"title":73,"slug":74},{"slug":499,"title":476,"logo":500,"baseline":501,"categories":502},"axiom","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F22cc0be3-ce3f-442a-903f-4da9befc54cd.png","The modern machine data platform.",[503,504,508,509],{"id":444,"title":445,"slug":446},{"id":505,"title":506,"slug":507},57,"Big data","big-data",{"id":335,"title":336,"slug":337},{"id":90,"title":91,"slug":92},[],[512,514,516,518,520,522,524,526,528,530,532,534,536,539,542,545,548,551,554,557,560,563,566,569],{"label":208,"to":513,"count":165},"\u002Fexamples\u002Fscreens\u002Fprofile",{"label":157,"to":515,"count":120},"\u002Fexamples\u002Fscreens\u002Fbilling-settings",{"label":271,"to":517,"count":120},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":487,"to":519,"count":60},"\u002Fexamples\u002Fscreens\u002Fapi-keys",{"label":116,"to":521,"count":60},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":492,"to":523,"count":60},"\u002Fexamples\u002Fscreens\u002Fdelete",{"label":108,"to":525,"count":60},"\u002Fexamples\u002Fscreens\u002Ffeedback",{"label":162,"to":527,"count":60},"\u002Fexamples\u002Fscreens\u002Fform",{"label":380,"to":529,"count":60},"\u002Fexamples\u002Fscreens\u002Fsecurity-settings",{"label":197,"to":531,"count":60},"\u002Fexamples\u002Fscreens\u002Fsettings",{"label":58,"to":533,"count":60},"\u002Fexamples\u002Fscreens\u002Fteam-management",{"label":423,"to":535,"count":60},"\u002Fexamples\u002Fscreens\u002Fusage",{"label":537,"to":538},"Polar design examples","\u002Fexamples\u002Fapps\u002Fpolar",{"label":540,"to":541},"Magnific design examples","\u002Fexamples\u002Fapps\u002Fmagnific",{"label":543,"to":544},"Latitude.sh design examples","\u002Fexamples\u002Fapps\u002Flatitude-2",{"label":546,"to":547},"Alloy design examples","\u002Fexamples\u002Fapps\u002Falloy",{"label":549,"to":550},"Flask design examples","\u002Fexamples\u002Fapps\u002Fflask",{"label":552,"to":553},"Airbnb design examples","\u002Fexamples\u002Fapps\u002Fairbnb",{"label":555,"to":556},"Inference design examples","\u002Fexamples\u002Fapps\u002Finference",{"label":558,"to":559},"Origin Financial design examples","\u002Fexamples\u002Fapps\u002Fuseorigin",{"label":561,"to":562},"Steel design examples","\u002Fexamples\u002Fapps\u002Fsteel",{"label":564,"to":565},"Zaro design examples","\u002Fexamples\u002Fapps\u002Fzaro",{"label":567,"to":568},"Riverside design examples","\u002Fexamples\u002Fapps\u002Friverside",{"label":570,"to":571},"Axiom design examples","\u002Fexamples\u002Fapps\u002Faxiom",{"published_at":573,"updated_at":574},"2026-05-13T12:40:03.000Z","2026-09-26T20:10:01.240Z"]