[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Favatar-upload":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":525,"links":526,"dates":584},"\u002Fexamples\u002Ftags\u002Favatar-upload","collection","screens",true,{"example_count":9,"app_count":10},1369,205,{"id":12,"title":13,"description":14},26160,"Avatar upload","",{"title":16,"description":17,"og_image":18},"Avatar upload screen examples - Nicelydone","Avatar upload screen design examples from SaaS apps. Browse examples from Steel, Visitors, Dock.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4990b24f-2dc2-4370-b85e-ebae9a03357b.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Avatar upload screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"1369 screens",[34,118,148,180,224,270,307,337,377,414,447,485],{"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":71,"app":96},"4990b24f-2dc2-4370-b85e-ebae9a03357b","Steel | Open-source Headless Browser API","Settings page where the user updates their personal profile details, including name, avatar, and connected email accounts.","\u002Fexamples\u002Fapps\u002Fsteel\u002Fscreens",3024,1758,"Steel | Open-source Headless Browser API from Steel","2026-08-31T08:39:06.000Z","screen",[45,54,63],{"id":46,"label":47,"slug":48,"rank":49,"group":50},94,"Account Settings","account-settings",0,{"id":51,"label":52,"slug":53},10,"Settings & Admin","settings-and-admin",{"id":55,"label":56,"slug":57,"rank":58,"group":59},3,"Profile","profile",1,{"id":60,"label":61,"slug":62},11,"Social & Collaboration","social-and-collaboration",{"id":64,"label":65,"slug":66,"rank":67,"group":68},25,"Upload & Download","upload-and-download",2,{"id":67,"label":69,"slug":70},"Actions","actions",[72,76,80,84,88,92],{"id":73,"title":74,"slug":75},233,"Tabs","tabs",{"id":77,"title":78,"slug":79},260,"Badge","badge",{"id":81,"title":82,"slug":83},240,"Horizontal navigation","horizontal-navigation",{"id":85,"title":86,"slug":87},174,"Card","card",{"id":89,"title":90,"slug":91},169,"Avatar","avatar",{"id":93,"title":94,"slug":95},175,"Button","button",{"slug":97,"title":98,"logo":99,"baseline":100,"categories":101},"steel","Steel","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F03f0fa43-a227-4dce-b66a-f340f4551973.png","Browser infrastructure for AI agents",[102,106,110,114],{"id":103,"title":104,"slug":105},48,"Developer Tools","developer-tools",{"id":107,"title":108,"slug":109},80,"Artificial Intelligence","artificial-intelligence",{"id":111,"title":112,"slug":113},37,"Developer APIs","developer-apis",{"id":115,"title":116,"slug":117},45,"Open Source","open-source",{"uuid":119,"title":120,"description":121,"canonical_path":122,"image":123,"width":39,"height":40,"image_alt":124,"published_at":125,"kind":43,"patterns":126,"component_categories":133,"app":138},"667c90cb-cb38-44bc-841e-36e378f01371","Account - Visitors","Settings page where the user manages their account profile, including full name, avatar upload, and account deletion.","\u002Fexamples\u002Fapps\u002Fvisitors\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F667c90cb-cb38-44bc-841e-36e378f01371.png","Account - Visitors from Visitors","2026-07-20T12:18:36.000Z",[127,129,131],{"id":46,"label":47,"slug":48,"rank":49,"group":128},{"id":51,"label":52,"slug":53},{"id":55,"label":56,"slug":57,"rank":58,"group":130},{"id":60,"label":61,"slug":62},{"id":64,"label":65,"slug":66,"rank":67,"group":132},{"id":67,"label":69,"slug":70},[134,135,136,137],{"id":81,"title":82,"slug":83},{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"slug":139,"title":140,"logo":141,"baseline":142,"categories":143},"visitors","Visitors","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fba53672a-9799-4a87-8187-a0b0c0766b64.png","Revenue-first web analytics",[144],{"id":145,"title":146,"slug":147},46,"Analytics","analytics",{"uuid":149,"title":150,"description":151,"canonical_path":152,"image":153,"width":39,"height":40,"image_alt":154,"published_at":155,"kind":43,"patterns":156,"component_categories":161,"app":166},"0bf1466b-c4fc-4aaf-bf08-17530387ec9b","Dock · Settings","Settings page where the user updates their profile picture, contact details, and personal links.","\u002Fexamples\u002Fapps\u002Fdock\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0bf1466b-c4fc-4aaf-bf08-17530387ec9b.png","Dock · Settings from Dock","2026-07-13T15:30:47.000Z",[157,159],{"id":55,"label":56,"slug":57,"rank":49,"group":158},{"id":60,"label":61,"slug":62},{"id":46,"label":47,"slug":48,"rank":58,"group":160},{"id":51,"label":52,"slug":53},[162,163,164,165],{"id":73,"title":74,"slug":75},{"id":81,"title":82,"slug":83},{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"slug":167,"title":168,"logo":169,"baseline":170,"categories":171},"dock","Dock","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdock-k4tgvy1y.png","The new way to manage external relationships",[172,176],{"id":173,"title":174,"slug":175},23,"Collaboration","collaboration",{"id":177,"title":178,"slug":179},29,"Task Management","task-management",{"uuid":181,"title":182,"description":183,"canonical_path":184,"image":185,"width":39,"height":40,"image_alt":186,"published_at":187,"kind":43,"patterns":188,"component_categories":205,"app":210},"884d18e1-93d2-432c-bb41-1161579440ad","Aave Account","Onboarding step where the user customizes their account profile by uploading an icon and setting an account name, with an option to skip.","\u002Fexamples\u002Fapps\u002Ffamily\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F884d18e1-93d2-432c-bb41-1161579440ad.png","Aave Account from Family","2026-06-23T15:14:10.000Z",[189,195,197],{"id":58,"label":190,"slug":191,"rank":49,"group":192},"Account Setup","account-setup",{"id":58,"label":193,"slug":194},"Access & Account","access-and-account",{"id":55,"label":56,"slug":57,"rank":58,"group":196},{"id":60,"label":61,"slug":62},{"id":198,"label":199,"slug":200,"rank":67,"group":201},74,"Onboarding Checklist","onboarding-checklist",{"id":202,"label":203,"slug":204},7,"Onboarding & Education","onboarding-and-education",[206,207,208,209],{"id":81,"title":82,"slug":83},{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"slug":211,"title":212,"logo":213,"baseline":214,"categories":215},"family","Family","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F54b399c5-e1bc-4b2d-9748-6c66246cee2b.png","Your favorite crypto wallet.",[216,220],{"id":217,"title":218,"slug":219},36,"Finance","finance",{"id":221,"title":222,"slug":223},95,"Blockchain","blockchain",{"uuid":225,"title":226,"description":227,"canonical_path":228,"image":229,"width":39,"height":40,"image_alt":230,"published_at":231,"kind":43,"patterns":232,"component_categories":243,"app":251},"fdf8a716-8715-4198-a359-e3171615b4ab","Team","Settings page where the user configures general team details like name, description, avatar, color, and auto-join preferences.","\u002Fexamples\u002Fapps\u002Ftown\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffdf8a716-8715-4198-a359-e3171615b4ab.png","Team from Town","2026-06-16T15:01:01.000Z",[233,238],{"id":234,"label":235,"slug":236,"rank":49,"group":237},104,"Team Management","team-management",{"id":51,"label":52,"slug":53},{"id":239,"label":240,"slug":241,"rank":58,"group":242},102,"Settings","settings",{"id":51,"label":52,"slug":53},[244,248,249,250],{"id":245,"title":246,"slug":247},183,"Color picker","color-picker",{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"slug":252,"title":253,"logo":254,"baseline":255,"categories":256},"town","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.",[257,258,262,266],{"id":107,"title":108,"slug":109},{"id":259,"title":260,"slug":261},30,"Productivity","productivity",{"id":263,"title":264,"slug":265},92,"Email","email",{"id":267,"title":268,"slug":269},101,"Calendar","calendar",{"uuid":271,"title":272,"description":273,"canonical_path":274,"image":275,"width":39,"height":40,"image_alt":276,"published_at":277,"kind":43,"patterns":278,"component_categories":285,"app":293},"0a060c99-e214-4dac-946c-228b751d345a","Bertrand Bruandet (@b_nicelydone)","Settings modal where the user updates their public profile information including name, bio, location, and website.","\u002Fexamples\u002Fapps\u002Flovable\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0a060c99-e214-4dac-946c-228b751d345a.png","Bertrand Bruandet (@b_nicelydone) from Lovable","2026-05-18T10:58:24.000Z",[279,283],{"id":60,"label":280,"slug":281,"rank":49,"group":282},"Edit","edit",{"id":67,"label":69,"slug":70},{"id":55,"label":56,"slug":57,"rank":58,"group":284},{"id":60,"label":61,"slug":62},[286,290,291,292],{"id":287,"title":288,"slug":289},284,"Modal","modal",{"id":81,"title":82,"slug":83},{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"slug":294,"title":295,"logo":296,"baseline":297,"categories":298},"lovable","Lovable","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F371498a3-d8de-4908-8af8-e73a603ffa34.png","Create apps and websites by chatting with AI",[299,300,303],{"id":107,"title":108,"slug":109},{"id":202,"title":301,"slug":302},"Web Development","web-development",{"id":304,"title":305,"slug":306},96,"No code","no-code",{"uuid":308,"title":309,"description":310,"canonical_path":311,"image":312,"width":39,"height":40,"image_alt":313,"published_at":314,"kind":43,"patterns":315,"component_categories":322,"app":328},"8064b7a0-1983-4950-b6af-440e94c520ee","Amie","Settings page where the user configures their workspace overview, including avatar, name, and custom meeting note templates.","\u002Fexamples\u002Fapps\u002Famie\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8064b7a0-1983-4950-b6af-440e94c520ee.png","Amie from Amie","2026-05-18T09:02:08.000Z",[316,318,320],{"id":239,"label":240,"slug":241,"rank":49,"group":317},{"id":51,"label":52,"slug":53},{"id":46,"label":47,"slug":48,"rank":58,"group":319},{"id":51,"label":52,"slug":53},{"id":64,"label":65,"slug":66,"rank":67,"group":321},{"id":67,"label":69,"slug":70},[323,327],{"id":324,"title":325,"slug":326},177,"Breadcrumb","breadcrumb",{"id":93,"title":94,"slug":95},{"slug":329,"title":309,"logo":330,"baseline":331,"categories":332},"amie","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Famie-929f0269.png","The joyful productivity app",[333,334,335,336],{"id":267,"title":268,"slug":269},{"id":177,"title":178,"slug":179},{"id":259,"title":260,"slug":261},{"id":107,"title":108,"slug":109},{"uuid":338,"title":339,"description":340,"canonical_path":341,"image":342,"width":39,"height":40,"image_alt":343,"published_at":344,"kind":43,"patterns":345,"component_categories":359,"app":363},"6c9be91f-62ad-477b-8e55-b3b92af41381","Navattic","Settings page where the user updates their personal profile information, including name, photo, department, and email notification preferences.","\u002Fexamples\u002Fapps\u002Fnavattic\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6c9be91f-62ad-477b-8e55-b3b92af41381.png","Navattic from Navattic","2026-05-05T10:32:31.000Z",[346,348,350,352,354],{"id":55,"label":56,"slug":57,"rank":49,"group":347},{"id":60,"label":61,"slug":62},{"id":46,"label":47,"slug":48,"rank":58,"group":349},{"id":51,"label":52,"slug":53},{"id":60,"label":280,"slug":281,"rank":67,"group":351},{"id":67,"label":69,"slug":70},{"id":64,"label":65,"slug":66,"rank":55,"group":353},{"id":67,"label":69,"slug":70},{"id":173,"label":355,"slug":356,"rank":357,"group":358},"Select","select",4,{"id":67,"label":69,"slug":70},[360,361,362],{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"slug":364,"title":339,"logo":365,"baseline":366,"categories":367},"navattic","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fd26bd2f9-ee1e-4acc-9d41-1890fbd1b5c4.png","Make buying easier with demos",[368,371,372,373],{"id":64,"title":369,"slug":370},"Marketing","marketing",{"id":107,"title":108,"slug":109},{"id":304,"title":305,"slug":306},{"id":374,"title":375,"slug":376},103,"Demo Automation","demo-automation",{"uuid":378,"title":379,"description":380,"canonical_path":381,"image":382,"width":383,"height":384,"image_alt":385,"published_at":386,"kind":43,"patterns":387,"component_categories":392,"app":399},"da88d7bc-5ade-4076-9fb9-a519491cdd8e","Profile | Mailchimp","Settings page where the user manages their profile information, including their avatar, basic username and name details, and password.","\u002Fexamples\u002Fapps\u002Fmailchimp\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fda88d7bc-5ade-4076-9fb9-a519491cdd8e.png",2880,1670,"Profile | Mailchimp from Mailchimp","2026-04-29T12:25:29.000Z",[388,390],{"id":55,"label":56,"slug":57,"rank":49,"group":389},{"id":60,"label":61,"slug":62},{"id":46,"label":47,"slug":48,"rank":58,"group":391},{"id":51,"label":52,"slug":53},[393,394,395,396,397,398],{"id":77,"title":78,"slug":79},{"id":73,"title":74,"slug":75},{"id":81,"title":82,"slug":83},{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"slug":400,"title":401,"logo":402,"baseline":403,"categories":404},"mailchimp","Mailchimp","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmailchimp-bd8e0c89.png","All-in-one marketing platform for small business",[405,406,410],{"id":64,"title":369,"slug":370},{"id":407,"title":408,"slug":409},27,"Email Newsletters","email-newsletters",{"id":411,"title":412,"slug":413},68,"SMS","sms",{"uuid":415,"title":416,"description":417,"canonical_path":418,"image":419,"width":383,"height":384,"image_alt":420,"published_at":421,"kind":43,"patterns":422,"component_categories":427,"app":430},"cdcdc51d-5a16-4624-8c29-a9977e38bb33","Maze - Settings","Settings page where the user updates their personal profile information, including name, email, job role, and company size.","\u002Fexamples\u002Fapps\u002Fmaze\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcdcdc51d-5a16-4624-8c29-a9977e38bb33.png","Maze - Settings from Maze","2026-04-20T14:45:59.000Z",[423,425],{"id":46,"label":47,"slug":48,"rank":49,"group":424},{"id":51,"label":52,"slug":53},{"id":55,"label":56,"slug":57,"rank":58,"group":426},{"id":60,"label":61,"slug":62},[428,429],{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"slug":431,"title":432,"logo":433,"baseline":434,"categories":435},"maze","Maze","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F29732693-68cb-43d3-8a42-056936993f0f.png","Rapid testing for modern teams",[436,440,444],{"id":437,"title":438,"slug":439},8,"Design","design",{"id":441,"title":442,"slug":443},69,"Surveys","surveys",{"id":234,"title":445,"slug":446},"User Research","user-research",{"uuid":448,"title":449,"description":450,"canonical_path":451,"image":452,"width":39,"height":453,"image_alt":454,"published_at":455,"kind":43,"patterns":456,"component_categories":461,"app":466},"0c5ba38e-ddd3-43ec-a102-6179f9ed6794","Cushion interface screen","Settings modal where the user configures their personal profile details including avatar, preferred name, and timezone.","\u002Fexamples\u002Fapps\u002Fcushion-so\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0c5ba38e-ddd3-43ec-a102-6179f9ed6794.png",1776,"Interface screen from Cushion","2026-04-14T11:44:00.000Z",[457,459],{"id":46,"label":47,"slug":48,"rank":49,"group":458},{"id":51,"label":52,"slug":53},{"id":55,"label":56,"slug":57,"rank":58,"group":460},{"id":60,"label":61,"slug":62},[462,463,464,465],{"id":287,"title":288,"slug":289},{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"slug":467,"title":468,"logo":469,"baseline":470,"categories":471},"cushion-so","Cushion","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fd3bfd512-8e39-4369-9b22-a647bf6a1868.png","Work messaging that keeps your team organised",[472,473,477,481],{"id":173,"title":174,"slug":175},{"id":474,"title":475,"slug":476},42,"Messaging","messaging",{"id":478,"title":479,"slug":480},82,"Communication","communication",{"id":482,"title":483,"slug":484},89,"Remote","remote",{"uuid":486,"title":487,"description":488,"canonical_path":489,"image":490,"width":39,"height":491,"image_alt":492,"published_at":493,"kind":43,"patterns":494,"component_categories":506,"app":511},"8494b36a-ea4c-4fc5-85dc-c443ac894f54","Profile | Bird","Settings page where the user manages their personal profile, configures multi-factor authentication methods like SMS and TOTP, and reviews active web sessions.","\u002Fexamples\u002Fapps\u002Fbird\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8494b36a-ea4c-4fc5-85dc-c443ac894f54.png",2756,"Profile | Bird from Bird","2026-03-30T13:53:59.000Z",[495,497,499,501],{"id":55,"label":56,"slug":57,"rank":49,"group":496},{"id":60,"label":61,"slug":62},{"id":46,"label":47,"slug":48,"rank":58,"group":498},{"id":51,"label":52,"slug":53},{"id":60,"label":280,"slug":281,"rank":67,"group":500},{"id":67,"label":69,"slug":70},{"id":502,"label":503,"slug":504,"rank":55,"group":505},98,"MFA","mfa",{"id":51,"label":52,"slug":53},[507,508,509,510],{"id":77,"title":78,"slug":79},{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"slug":512,"title":513,"logo":514,"baseline":515,"categories":516},"bird","Bird","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F438a1831-3604-472d-a383-2892bbd37a63.png","Unified CRM for Marketing, Service & Payments",[517,518,519,523,524],{"id":64,"title":369,"slug":370},{"id":111,"title":112,"slug":113},{"id":520,"title":521,"slug":522},53,"CRM","crm",{"id":411,"title":412,"slug":413},{"id":263,"title":264,"slug":265},[],[527,529,532,534,536,538,540,542,544,546,548,551,554,557,560,563,566,569,572,575,578,581],{"label":56,"to":528,"count":51},"\u002Fexamples\u002Fscreens\u002Fprofile",{"label":47,"to":530,"count":531},"\u002Fexamples\u002Fscreens\u002Faccount-settings",9,{"label":65,"to":533,"count":357},"\u002Fexamples\u002Fscreens\u002Fupload-and-download",{"label":280,"to":535,"count":55},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":240,"to":537,"count":67},"\u002Fexamples\u002Fscreens\u002Fsettings",{"label":190,"to":539,"count":58},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":503,"to":541,"count":58},"\u002Fexamples\u002Fscreens\u002Fmfa",{"label":199,"to":543,"count":58},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":355,"to":545,"count":58},"\u002Fexamples\u002Fscreens\u002Fselect",{"label":235,"to":547,"count":58},"\u002Fexamples\u002Fscreens\u002Fteam-management",{"label":549,"to":550},"Steel design examples","\u002Fexamples\u002Fapps\u002Fsteel",{"label":552,"to":553},"Visitors design examples","\u002Fexamples\u002Fapps\u002Fvisitors",{"label":555,"to":556},"Dock design examples","\u002Fexamples\u002Fapps\u002Fdock",{"label":558,"to":559},"Family design examples","\u002Fexamples\u002Fapps\u002Ffamily",{"label":561,"to":562},"Town design examples","\u002Fexamples\u002Fapps\u002Ftown",{"label":564,"to":565},"Lovable design examples","\u002Fexamples\u002Fapps\u002Flovable",{"label":567,"to":568},"Amie design examples","\u002Fexamples\u002Fapps\u002Famie",{"label":570,"to":571},"Navattic design examples","\u002Fexamples\u002Fapps\u002Fnavattic",{"label":573,"to":574},"Mailchimp design examples","\u002Fexamples\u002Fapps\u002Fmailchimp",{"label":576,"to":577},"Maze design examples","\u002Fexamples\u002Fapps\u002Fmaze",{"label":579,"to":580},"Cushion design examples","\u002Fexamples\u002Fapps\u002Fcushion-so",{"label":582,"to":583},"Bird design examples","\u002Fexamples\u002Fapps\u002Fbird",{"published_at":585,"updated_at":586},"2024-12-16T12:33:07.000Z","2026-09-05T20:20:29.223Z"]