[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Fupdate":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":549,"links":550,"dates":612},"\u002Fexamples\u002Ftags\u002Fupdate","collection","screens",true,{"example_count":9,"app_count":10},1347,305,{"id":12,"title":13,"description":14},7414,"Update","",{"title":16,"description":17,"og_image":18},"Update screen examples - Nicelydone","Update screen design examples from SaaS apps. Browse examples from Mailchimp, Dovetail, Documentation.AI.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5ff43031-44c7-46e5-8d95-05618c3f4a9d.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Update screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"1347 screens",[34,102,159,197,252,289,327,365,402,446,476,512],{"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":63,"app":84},"5ff43031-44c7-46e5-8d95-05618c3f4a9d","SMS | Mailchimp","Settings modal where the user updates their legal business name, address, and tax ID.","\u002Fexamples\u002Fapps\u002Fmailchimp\u002Fscreens",2880,1670,"SMS | Mailchimp from Mailchimp","2026-04-29T12:25:29.000Z","screen",[45,54],{"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},42,"Form","form",1,{"id":60,"label":61,"slug":62},4,"Data & Analysis","data-and-analysis",[64,68,72,76,80],{"id":65,"title":66,"slug":67},260,"Badge","badge",{"id":69,"title":70,"slug":71},240,"Horizontal navigation","horizontal-navigation",{"id":73,"title":74,"slug":75},169,"Avatar","avatar",{"id":77,"title":78,"slug":79},284,"Modal","modal",{"id":81,"title":82,"slug":83},175,"Button","button",{"slug":85,"title":86,"logo":87,"baseline":88,"categories":89},"mailchimp","Mailchimp","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmailchimp-bd8e0c89.png","All-in-one marketing platform for small business",[90,94,98],{"id":91,"title":92,"slug":93},25,"Marketing","marketing",{"id":95,"title":96,"slug":97},27,"Email Newsletters","email-newsletters",{"id":99,"title":100,"slug":101},68,"SMS","sms",{"uuid":103,"title":104,"description":105,"canonical_path":106,"image":107,"width":108,"height":109,"image_alt":110,"published_at":111,"kind":43,"patterns":112,"component_categories":129,"app":137},"8ca16f7b-037f-4410-981c-c838313874e7","Browse – Dovetail","List view where the user reviews their recent system and activity notifications in a centered modal overlay.","\u002Fexamples\u002Fapps\u002Fdovetail\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8ca16f7b-037f-4410-981c-c838313874e7.png",3024,1780,"Browse – Dovetail from Dovetail","2026-03-02T20:51:47.000Z",[113,121],{"id":114,"label":115,"slug":116,"rank":49,"group":117},110,"Notifications","notifications",{"id":118,"label":119,"slug":120},11,"Social & Collaboration","social-and-collaboration",{"id":122,"label":123,"slug":124,"rank":58,"group":125},115,"Empty State","empty-state",{"id":126,"label":127,"slug":128},12,"States & Feedback","states-and-feedback",[130,131,135,136],{"id":65,"title":66,"slug":67},{"id":132,"title":133,"slug":134},233,"Tabs","tabs",{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":138,"title":139,"logo":140,"baseline":141,"categories":142},"dovetail","Dovetail","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F6b47c81d-b89f-43c4-9087-0c1e1df518d7.png","Helps you with the key steps of UX research",[143,147,151,155],{"id":144,"title":145,"slug":146},8,"Design","design",{"id":148,"title":149,"slug":150},22,"Knowledge Management","knowledge-management",{"id":152,"title":153,"slug":154},35,"Feedback","feedback",{"id":156,"title":157,"slug":158},104,"User Research","user-research",{"uuid":160,"title":161,"description":162,"canonical_path":163,"image":164,"width":108,"height":109,"image_alt":165,"published_at":166,"kind":43,"patterns":167,"component_categories":177,"app":182},"b62e497a-14d3-4e19-b62b-b169693ff077","Dashboard - Documentation.AI","Content editor where the user updates page details like name, URL, and icon via a modal overlay.","\u002Fexamples\u002Fapps\u002Fdocumentationai\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb62e497a-14d3-4e19-b62b-b169693ff077.png","Dashboard - Documentation.AI from Documentation.AI","2026-02-23T10:22:12.000Z",[168,175],{"id":118,"label":169,"slug":170,"rank":49,"group":171},"Edit","edit",{"id":172,"label":173,"slug":174},2,"Actions","actions",{"id":55,"label":56,"slug":57,"rank":58,"group":176},{"id":60,"label":61,"slug":62},[178,179,180,181],{"id":132,"title":133,"slug":134},{"id":69,"title":70,"slug":71},{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":183,"title":184,"logo":185,"baseline":186,"categories":187},"documentationai","Documentation.AI","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F765c5eca-9754-4c48-be93-ec4d07f943f7.png","AI Documentation & Knowledge",[188,189,193],{"id":148,"title":149,"slug":150},{"id":190,"title":191,"slug":192},48,"Developer Tools","developer-tools",{"id":194,"title":195,"slug":196},80,"Artificial Intelligence","artificial-intelligence",{"uuid":198,"title":199,"description":200,"canonical_path":201,"image":202,"width":108,"height":109,"image_alt":203,"published_at":204,"kind":43,"patterns":205,"component_categories":229,"app":241},"d7fa1ec4-1b2b-4864-96da-b615da51834e","Twin - Automate anything","AI chat interface where the user configures an agent's schedule and webhook triggers via conversation and a dedicated settings panel.","\u002Fexamples\u002Fapps\u002Ftwin\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd7fa1ec4-1b2b-4864-96da-b615da51834e.png","Twin - Automate anything from Twin","2026-02-09T10:17:21.000Z",[206,214,219,221],{"id":207,"label":208,"slug":209,"rank":49,"group":210},26,"AI Agent","ai-agent",{"id":211,"label":212,"slug":213},3,"AI","ai",{"id":215,"label":216,"slug":217,"rank":58,"group":218},28,"AI Chat","ai-chat",{"id":211,"label":212,"slug":213},{"id":118,"label":169,"slug":170,"rank":172,"group":220},{"id":172,"label":173,"slug":174},{"id":222,"label":223,"slug":224,"rank":211,"group":225},129,"Workflow Builder","workflow-builder",{"id":226,"label":227,"slug":228},13,"Workflow & Automation","workflow-and-automation",[230,234,235,239,240],{"id":231,"title":232,"slug":233},257,"Input number","input-number",{"id":132,"title":133,"slug":134},{"id":236,"title":237,"slug":238},174,"Card","card",{"id":73,"title":74,"slug":75},{"id":81,"title":82,"slug":83},{"slug":242,"title":243,"logo":244,"baseline":245,"categories":246},"twin","Twin","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcfafc203-3d6a-4cfc-9ca4-539681caf005.png","The AI company builder",[247,248],{"id":194,"title":195,"slug":196},{"id":249,"title":250,"slug":251},105,"Workflow Automation","workflow-automation",{"uuid":253,"title":254,"description":255,"canonical_path":256,"image":257,"width":108,"height":258,"image_alt":259,"published_at":260,"kind":43,"patterns":261,"component_categories":275,"app":277},"9892bf1c-57c3-48f1-8b00-e443aa5ea264","Settings | Account","Settings page where the user can update their first name, manage an email blocklist, find instructions to change their email, and delete all contacts.","\u002Fexamples\u002Fapps\u002Floops\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9892bf1c-57c3-48f1-8b00-e443aa5ea264.png",1802,"Settings | Account from Loops","2025-10-27T15:44:02.000Z",[262,264,268,270],{"id":46,"label":47,"slug":48,"rank":49,"group":263},{"id":51,"label":52,"slug":53},{"id":211,"label":265,"slug":266,"rank":58,"group":267},"Profile","profile",{"id":118,"label":119,"slug":120},{"id":118,"label":169,"slug":170,"rank":172,"group":269},{"id":172,"label":173,"slug":174},{"id":271,"label":272,"slug":273,"rank":211,"group":274},47,"Table","table",{"id":60,"label":61,"slug":62},[276],{"id":81,"title":82,"slug":83},{"slug":278,"title":279,"logo":280,"baseline":281,"categories":282},"loops","Loops","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Floops-4f4bed58.png","The email platform for modern SaaS",[283,287,288],{"id":284,"title":285,"slug":286},92,"Email","email",{"id":95,"title":96,"slug":97},{"id":91,"title":92,"slug":93},{"uuid":290,"title":291,"description":292,"canonical_path":293,"image":294,"width":108,"height":109,"image_alt":295,"published_at":296,"kind":43,"patterns":297,"component_categories":308,"app":311},"216951b8-b9a8-452b-af8b-46edf8ac8fb4","Untitled automation - Circleback","Create screen where the user selects an action from a list of integrations like Slack, Notion, Linear, and HubSpot to build a new automation.","\u002Fexamples\u002Fapps\u002Fcircleback\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F216951b8-b9a8-452b-af8b-46edf8ac8fb4.png","Untitled automation - Circleback from Circleback","2025-10-13T14:40:38.000Z",[298,303],{"id":299,"label":300,"slug":301,"rank":49,"group":302},125,"Automation","automation",{"id":226,"label":227,"slug":228},{"id":304,"label":305,"slug":306,"rank":58,"group":307},97,"Integrations","integrations",{"id":51,"label":52,"slug":53},[309,310],{"id":73,"title":74,"slug":75},{"id":81,"title":82,"slug":83},{"slug":312,"title":313,"logo":314,"baseline":315,"categories":316},"circleback","Circleback","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcircleback-srajedn3.png","Unbelievably good meeting notes",[317,321,325,326],{"id":318,"title":319,"slug":320},30,"Productivity","productivity",{"id":322,"title":323,"slug":324},82,"Communication","communication",{"id":148,"title":149,"slug":150},{"id":194,"title":195,"slug":196},{"uuid":328,"title":329,"description":330,"canonical_path":331,"image":332,"width":108,"height":333,"image_alt":334,"published_at":335,"kind":43,"patterns":336,"component_categories":346,"app":355},"1b723e7a-eae7-444c-bac5-e19e6f94c785","Drop Box | Nicelydone club CRM","Settings page where the user views their current drop box address, updates their drop box key, and reads a guide on how to use the feature.","\u002Fexamples\u002Fapps\u002Fcapsule\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1b723e7a-eae7-444c-bac5-e19e6f94c785.png",2502,"Drop Box | Nicelydone club CRM from Capsule","2025-10-06T13:33:45.000Z",[337,339,341],{"id":46,"label":47,"slug":48,"rank":49,"group":338},{"id":51,"label":52,"slug":53},{"id":118,"label":169,"slug":170,"rank":58,"group":340},{"id":172,"label":173,"slug":174},{"id":342,"label":343,"slug":344,"rank":172,"group":345},122,"Success","success",{"id":126,"label":127,"slug":128},[347,351,352,353,354],{"id":348,"title":349,"slug":350},177,"Breadcrumb","breadcrumb",{"id":69,"title":70,"slug":71},{"id":236,"title":237,"slug":238},{"id":73,"title":74,"slug":75},{"id":81,"title":82,"slug":83},{"slug":356,"title":357,"logo":358,"baseline":359,"categories":360},"capsule","Capsule","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcapsule-crm-435e73bb.png","CRM Made Simple",[361],{"id":362,"title":363,"slug":364},53,"CRM","crm",{"uuid":366,"title":367,"description":368,"canonical_path":369,"image":370,"width":108,"height":109,"image_alt":371,"published_at":372,"kind":43,"patterns":373,"component_categories":386,"app":391},"29c25d63-38e7-45b3-bb15-6b54026d6862","Workflow","Settings modal where the user can update the workspace name or delete the workspace entirely.","\u002Fexamples\u002Fapps\u002Fworkflow\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F29c25d63-38e7-45b3-bb15-6b54026d6862.png","Workflow from Workflow","2025-09-30T08:25:02.000Z",[374,379,381],{"id":375,"label":376,"slug":377,"rank":49,"group":378},102,"Settings","settings",{"id":51,"label":52,"slug":53},{"id":118,"label":169,"slug":170,"rank":58,"group":380},{"id":172,"label":173,"slug":174},{"id":382,"label":383,"slug":384,"rank":172,"group":385},9,"Delete","delete",{"id":172,"label":173,"slug":174},[387,388,389,390],{"id":236,"title":237,"slug":238},{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":392,"title":367,"logo":393,"baseline":394,"categories":395},"workflow","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fworkflow-n6ecc4wx.png","Design feedback and revisions, all in one place",[396,397,401],{"id":144,"title":145,"slug":146},{"id":398,"title":399,"slug":400},23,"Collaboration","collaboration",{"id":152,"title":153,"slug":154},{"uuid":403,"title":404,"description":405,"canonical_path":406,"image":407,"width":108,"height":109,"image_alt":408,"published_at":409,"kind":43,"patterns":410,"component_categories":424,"app":431},"47c50f9b-3569-44d4-8a24-8a32ec1fff39","Parallel Platform","Agent trace page where a live deep research task is running, showing the current progress and a timeline of activities like starting research and reviewing the request.","\u002Fexamples\u002Fapps\u002Fparallel\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F47c50f9b-3569-44d4-8a24-8a32ec1fff39.png","Parallel Platform from Parallel","2025-09-29T13:23:07.000Z",[411,413,417,422],{"id":207,"label":208,"slug":209,"rank":49,"group":412},{"id":211,"label":212,"slug":213},{"id":190,"label":414,"slug":415,"rank":58,"group":416},"Timeline","timeline",{"id":60,"label":61,"slug":62},{"id":418,"label":419,"slug":420,"rank":172,"group":421},41,"Dashboard","dashboard",{"id":60,"label":61,"slug":62},{"id":215,"label":216,"slug":217,"rank":211,"group":423},{"id":211,"label":212,"slug":213},[425,429,430],{"id":426,"title":427,"slug":428},277,"Button group","button-group",{"id":236,"title":237,"slug":238},{"id":81,"title":82,"slug":83},{"slug":432,"title":433,"logo":434,"baseline":435,"categories":436},"parallel","Parallel","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fparallel-45w6usw3.png","The highest accuracy web search for your AI",[437,438,442],{"id":194,"title":195,"slug":196},{"id":439,"title":440,"slug":441},37,"Developer APIs","developer-apis",{"id":443,"title":444,"slug":445},55,"Search engine","search-engine",{"uuid":447,"title":448,"description":449,"canonical_path":450,"image":451,"width":108,"height":109,"image_alt":452,"published_at":453,"kind":43,"patterns":454,"component_categories":465,"app":468},"c870df5d-bdac-417c-8da2-a1fff8a785a5","Slite","Settings page where the user updates their company billing details, including address and VAT ID, inside a modal.","\u002Fexamples\u002Fapps\u002Fslite\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc870df5d-bdac-417c-8da2-a1fff8a785a5.png","Slite from Slite","2025-09-22T15:17:02.000Z",[455,460],{"id":456,"label":457,"slug":458,"rank":49,"group":459},96,"Billing Settings","billing-settings",{"id":51,"label":52,"slug":53},{"id":461,"label":462,"slug":463,"rank":58,"group":464},114,"Confirmation","confirmation",{"id":126,"label":127,"slug":128},[466,467],{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":469,"title":448,"logo":470,"baseline":471,"categories":472},"slite","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fslite-265214fb.png","Put clarity at the center of your team",[473,474,475],{"id":148,"title":149,"slug":150},{"id":398,"title":399,"slug":400},{"id":194,"title":195,"slug":196},{"uuid":477,"title":153,"description":478,"canonical_path":479,"image":480,"width":108,"height":109,"image_alt":481,"published_at":482,"kind":43,"patterns":483,"component_categories":491,"app":500},"d8a727fa-7568-48df-a129-12b6795c38cb","List view of user feedback where the user is updating a specific feedback entry's company, feature, and user details via a modal.","\u002Fexamples\u002Fapps\u002Freflag\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd8a727fa-7568-48df-a129-12b6795c38cb.png","Feedback from Reflag","2025-09-08T12:25:00.000Z",[484,487,489],{"id":485,"label":153,"slug":154,"rank":49,"group":486},117,{"id":126,"label":127,"slug":128},{"id":118,"label":169,"slug":170,"rank":58,"group":488},{"id":172,"label":173,"slug":174},{"id":271,"label":272,"slug":273,"rank":172,"group":490},{"id":60,"label":61,"slug":62},[492,496,497,498,499],{"id":493,"title":494,"slug":495},211,"Pagination","pagination",{"id":426,"title":427,"slug":428},{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":501,"title":502,"logo":503,"baseline":504,"categories":505},"reflag","Reflag","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Freflag-2wn2m5zj.png","Feature flags for SaaS that run on TypeScript",[506,507,508],{"id":190,"title":191,"slug":192},{"id":152,"title":153,"slug":154},{"id":509,"title":510,"slug":511},46,"Analytics","analytics",{"uuid":513,"title":514,"description":515,"canonical_path":516,"image":517,"width":108,"height":109,"image_alt":518,"published_at":519,"kind":43,"patterns":520,"component_categories":525,"app":533},"66b2bc94-65bb-43b9-89cf-6a9ccba1f4ff","New Activity!","Settings modal displaying a success confirmation after the user updates their network subdomain, prompting them to notify their members.","\u002Fexamples\u002Fapps\u002Fmighty\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F66b2bc94-65bb-43b9-89cf-6a9ccba1f4ff.png","New Activity! from Mighty","2025-09-01T19:09:04.000Z",[521,523],{"id":461,"label":462,"slug":463,"rank":49,"group":522},{"id":126,"label":127,"slug":128},{"id":375,"label":376,"slug":377,"rank":58,"group":524},{"id":51,"label":52,"slug":53},[526,530,531,532],{"id":527,"title":528,"slug":529},168,"Accordion","accordion",{"id":69,"title":70,"slug":71},{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":534,"title":535,"logo":536,"baseline":537,"categories":538},"mighty","Mighty","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fc0279d6a-b2eb-48fc-9c70-cb63d6da76f3.png","Community platform, courses & memberships",[539,543,546],{"id":540,"title":541,"slug":542},33,"E-Learning","e-learning",{"id":58,"title":544,"slug":545},"Communities","communities",{"id":207,"title":547,"slug":548},"Events","events",[],[551,554,556,558,560,562,564,566,568,570,572,574,576,579,582,585,588,591,594,597,600,603,606,609],{"label":169,"to":552,"count":553},"\u002Fexamples\u002Fscreens\u002Fedit",6,{"label":47,"to":555,"count":211},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":208,"to":557,"count":172},"\u002Fexamples\u002Fscreens\u002Fai-agent",{"label":216,"to":559,"count":172},"\u002Fexamples\u002Fscreens\u002Fai-chat",{"label":462,"to":561,"count":172},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":56,"to":563,"count":172},"\u002Fexamples\u002Fscreens\u002Fform",{"label":376,"to":565,"count":172},"\u002Fexamples\u002Fscreens\u002Fsettings",{"label":272,"to":567,"count":172},"\u002Fexamples\u002Fscreens\u002Ftable",{"label":300,"to":569,"count":58},"\u002Fexamples\u002Fscreens\u002Fautomation",{"label":457,"to":571,"count":58},"\u002Fexamples\u002Fscreens\u002Fbilling-settings",{"label":419,"to":573,"count":58},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":383,"to":575,"count":58},"\u002Fexamples\u002Fscreens\u002Fdelete",{"label":577,"to":578},"Mailchimp design examples","\u002Fexamples\u002Fapps\u002Fmailchimp",{"label":580,"to":581},"Dovetail design examples","\u002Fexamples\u002Fapps\u002Fdovetail",{"label":583,"to":584},"Documentation.AI design examples","\u002Fexamples\u002Fapps\u002Fdocumentationai",{"label":586,"to":587},"Twin design examples","\u002Fexamples\u002Fapps\u002Ftwin",{"label":589,"to":590},"Loops design examples","\u002Fexamples\u002Fapps\u002Floops",{"label":592,"to":593},"Circleback design examples","\u002Fexamples\u002Fapps\u002Fcircleback",{"label":595,"to":596},"Capsule design examples","\u002Fexamples\u002Fapps\u002Fcapsule",{"label":598,"to":599},"Workflow design examples","\u002Fexamples\u002Fapps\u002Fworkflow",{"label":601,"to":602},"Parallel design examples","\u002Fexamples\u002Fapps\u002Fparallel",{"label":604,"to":605},"Slite design examples","\u002Fexamples\u002Fapps\u002Fslite",{"label":607,"to":608},"Reflag design examples","\u002Fexamples\u002Fapps\u002Freflag",{"label":610,"to":611},"Mighty design examples","\u002Fexamples\u002Fapps\u002Fmighty",{"published_at":613,"updated_at":614},"2024-12-11T15:55:56.000Z","2026-09-19T06:35:14.805Z"]