[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Ftask-completion":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":555,"links":556,"dates":617},"\u002Fexamples\u002Ftags\u002Ftask-completion","collection","screens",true,{"example_count":9,"app_count":10},693,127,{"id":12,"title":13,"description":14},4420,"Task completion","",{"title":16,"description":17,"og_image":18},"Task completion screen examples - Nicelydone","Task completion screen design examples from SaaS apps. Browse examples from Dock, Beside, Poolside.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8da53d59-9284-44bc-be63-932e13d54ad7.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Task completion screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"693 screens",[34,81,135,188,233,278,326,366,402,444,475,510],{"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":66,"app":67},"8da53d59-9284-44bc-be63-932e13d54ad7","Spaces · Dock","AI chat drawer where the user interacts with a Workspace admin agent to review a rewrite plan for a deal room, with options to select different agents or view recent chats.","\u002Fexamples\u002Fapps\u002Fdock\u002Fscreens",3024,1758,"Spaces · Dock from Dock","2026-07-13T15:30:47.000Z","screen",[45,54,60],{"id":46,"label":47,"slug":48,"rank":49,"group":50},28,"AI Chat","ai-chat",0,{"id":51,"label":52,"slug":53},3,"AI","ai",{"id":55,"label":56,"slug":57,"rank":58,"group":59},27,"AI Assistant","ai-assistant",1,{"id":51,"label":52,"slug":53},{"id":61,"label":62,"slug":63,"rank":64,"group":65},36,"Model Selection","model-selection",2,{"id":51,"label":52,"slug":53},[],{"slug":68,"title":69,"logo":70,"baseline":71,"categories":72},"dock","Dock","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdock-k4tgvy1y.png","The new way to manage external relationships",[73,77],{"id":74,"title":75,"slug":76},23,"Collaboration","collaboration",{"id":78,"title":79,"slug":80},29,"Task Management","task-management",{"uuid":82,"title":83,"description":84,"canonical_path":85,"image":86,"width":39,"height":40,"image_alt":87,"published_at":88,"kind":43,"patterns":89,"component_categories":100,"app":113},"6e314a3c-97fc-4c88-b970-0a4060c5951f","Ask Beside AI - Beside","AI chat interface where the user drafts a follow-up SMS for a customer with a ceramic coating estimate, featuring a top banner prompting identity verification.","\u002Fexamples\u002Fapps\u002Fbeside\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6e314a3c-97fc-4c88-b970-0a4060c5951f.png","Ask Beside AI - Beside from Beside","2026-06-29T18:30:01.000Z",[90,92],{"id":55,"label":56,"slug":57,"rank":49,"group":91},{"id":51,"label":52,"slug":53},{"id":93,"label":94,"slug":95,"rank":58,"group":96},114,"Confirmation","confirmation",{"id":97,"label":98,"slug":99},12,"States & Feedback","states-and-feedback",[101,105,109],{"id":102,"title":103,"slug":104},260,"Badge","badge",{"id":106,"title":107,"slug":108},169,"Avatar","avatar",{"id":110,"title":111,"slug":112},175,"Button","button",{"slug":114,"title":115,"logo":116,"baseline":117,"categories":118},"beside","Beside","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F8c14025e-58b4-4801-bd91-3e31a3cf8f21.png","AI-powered business phone assistant that answers calls and takes action",[119,123,127,131],{"id":120,"title":121,"slug":122},80,"Artificial Intelligence","artificial-intelligence",{"id":124,"title":125,"slug":126},47,"Customer Service","customer-service",{"id":128,"title":129,"slug":130},53,"CRM","crm",{"id":132,"title":133,"slug":134},82,"Communication","communication",{"uuid":136,"title":137,"description":138,"canonical_path":139,"image":140,"width":39,"height":40,"image_alt":141,"published_at":142,"kind":43,"patterns":143,"component_categories":169,"app":181},"0782cd87-4fb4-4753-9871-8f7db1b21d17","Shimmer","Agent trace interface where the user views the execution steps, terminal, and preview of a suspended sandbox that is currently resuming.","\u002Fexamples\u002Fapps\u002Fpoolside\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0782cd87-4fb4-4753-9871-8f7db1b21d17.png","Shimmer from Poolside","2026-05-11T09:49:06.000Z",[144,149,154,161],{"id":145,"label":146,"slug":147,"rank":49,"group":148},26,"AI Agent","ai-agent",{"id":51,"label":52,"slug":53},{"id":150,"label":151,"slug":152,"rank":58,"group":153},120,"Loading","loading",{"id":97,"label":98,"slug":99},{"id":128,"label":155,"slug":156,"rank":64,"group":157},"Code Editor","code-editor",{"id":158,"label":159,"slug":160},5,"Media & Tools","media-and-tools",{"id":162,"label":163,"slug":164,"rank":51,"group":165},41,"Dashboard","dashboard",{"id":166,"label":167,"slug":168},4,"Data & Analysis","data-and-analysis",[170,174,178,179,180],{"id":171,"title":172,"slug":173},168,"Accordion","accordion",{"id":175,"title":176,"slug":177},233,"Tabs","tabs",{"id":102,"title":103,"slug":104},{"id":106,"title":107,"slug":108},{"id":110,"title":111,"slug":112},{"slug":182,"title":183,"logo":184,"baseline":185,"categories":186},"poolside","Poolside","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fde1e48e8-a8ea-49fc-a7ae-809596fc1bd8.png","Iterate on web apps, APIs, and CLIs from scratch, in a single workspace",[187],{"id":120,"title":121,"slug":122},{"uuid":189,"title":190,"description":191,"canonical_path":192,"image":193,"width":39,"height":40,"image_alt":194,"published_at":195,"kind":43,"patterns":196,"component_categories":210,"app":223},"dd9cee0e-4f13-4121-a2e7-2c1ec7bdf9f0","Onboardees | Aboard","List view where the user can track the progress of active onboardees and initiate new onboarding flows.","\u002Fexamples\u002Fapps\u002Faboard\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdd9cee0e-4f13-4121-a2e7-2c1ec7bdf9f0.png","Onboardees | Aboard from Aboard","2026-05-05T10:32:35.000Z",[197,205],{"id":198,"label":199,"slug":200,"rank":49,"group":201},85,"Tasks","tasks",{"id":202,"label":203,"slug":204},8,"Pages & Content","pages-and-content",{"id":206,"label":207,"slug":208,"rank":58,"group":209},44,"Progress","progress",{"id":166,"label":167,"slug":168},[211,215,216,220,221,222],{"id":212,"title":213,"slug":214},240,"Horizontal navigation","horizontal-navigation",{"id":175,"title":176,"slug":177},{"id":217,"title":218,"slug":219},174,"Card","card",{"id":102,"title":103,"slug":104},{"id":106,"title":107,"slug":108},{"id":110,"title":111,"slug":112},{"slug":224,"title":225,"logo":226,"baseline":227,"categories":228},"aboard","Aboard","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fea3ae2e7-7419-4926-acae-b179668f6172.png","Bring joy to your workplace with Aboard",[229],{"id":230,"title":231,"slug":232},10,"Human resources","human-resources",{"uuid":234,"title":235,"description":236,"canonical_path":237,"image":238,"width":239,"height":240,"image_alt":241,"published_at":242,"kind":43,"patterns":243,"component_categories":255,"app":261},"a79c24a0-264c-4147-9430-763362722eaa","Maze - Home","Modal where the user can rename an existing study, featuring a character counter and an AI inline action to assist with naming.","\u002Fexamples\u002Fapps\u002Fmaze\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa79c24a0-264c-4147-9430-763362722eaa.png",2880,1670,"Maze - Home from Maze","2026-04-20T14:45:59.000Z",[244,251,253],{"id":245,"label":246,"slug":247,"rank":49,"group":248},11,"Edit","edit",{"id":64,"label":249,"slug":250},"Actions","actions",{"id":55,"label":56,"slug":57,"rank":58,"group":252},{"id":51,"label":52,"slug":53},{"id":93,"label":94,"slug":95,"rank":64,"group":254},{"id":97,"label":98,"slug":99},[256,260],{"id":257,"title":258,"slug":259},284,"Modal","modal",{"id":110,"title":111,"slug":112},{"slug":262,"title":263,"logo":264,"baseline":265,"categories":266},"maze","Maze","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F29732693-68cb-43d3-8a42-056936993f0f.png","Rapid testing for modern teams",[267,270,274],{"id":202,"title":268,"slug":269},"Design","design",{"id":271,"title":272,"slug":273},69,"Surveys","surveys",{"id":275,"title":276,"slug":277},104,"User Research","user-research",{"uuid":279,"title":280,"description":281,"canonical_path":282,"image":283,"width":39,"height":284,"image_alt":285,"published_at":286,"kind":43,"patterns":287,"component_categories":303,"app":312},"94ff40a0-127b-4a67-8306-2feb4de241ac","Draft email for web design | Quin","AI chat interface where the user reviews an email drafted by the AI for a web design project, with an option to finish the task or request changes via the composer.","\u002Fexamples\u002Fapps\u002Fquin\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F94ff40a0-127b-4a67-8306-2feb4de241ac.png",1780,"Draft email for web design | Quin from Quin","2025-11-03T21:18:36.000Z",[288,290,294,299],{"id":46,"label":47,"slug":48,"rank":49,"group":289},{"id":51,"label":52,"slug":53},{"id":78,"label":291,"slug":292,"rank":58,"group":293},"AI Editing","ai-editing",{"id":51,"label":52,"slug":53},{"id":295,"label":296,"slug":297,"rank":64,"group":298},30,"AI Generation","ai-generation",{"id":51,"label":52,"slug":53},{"id":132,"label":300,"slug":301,"rank":51,"group":302},"Media Detail","media-detail",{"id":202,"label":203,"slug":204},[304,308,309,310,311],{"id":305,"title":306,"slug":307},167,"Alert","alert",{"id":217,"title":218,"slug":219},{"id":102,"title":103,"slug":104},{"id":106,"title":107,"slug":108},{"id":110,"title":111,"slug":112},{"slug":313,"title":314,"logo":315,"baseline":316,"categories":317},"quin","Quin","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fb4f27845-aeea-4c59-b6e7-8a255620ae41.png","Meet your dream assistant",[318,319,322],{"id":120,"title":121,"slug":122},{"id":295,"title":320,"slug":321},"Productivity","productivity",{"id":323,"title":324,"slug":325},105,"Workflow Automation","workflow-automation",{"uuid":327,"title":328,"description":329,"canonical_path":330,"image":331,"width":39,"height":284,"image_alt":332,"published_at":333,"kind":43,"patterns":334,"component_categories":342,"app":353},"5ede4e13-6c22-418a-a342-f4958b5865ac","Cake Portfolio App","Detail page where the user reviews an equity offer document and selects a signature style to sign the contract.","\u002Fexamples\u002Fapps\u002Fcake\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5ede4e13-6c22-418a-a342-f4958b5865ac.png","Cake Portfolio App from Cake","2025-10-20T12:38:07.000Z",[335,340],{"id":336,"label":337,"slug":338,"rank":49,"group":339},25,"Upload & Download","upload-and-download",{"id":64,"label":249,"slug":250},{"id":93,"label":94,"slug":95,"rank":58,"group":341},{"id":97,"label":98,"slug":99},[343,347,351,352],{"id":344,"title":345,"slug":346},227,"Stepper","stepper",{"id":348,"title":349,"slug":350},277,"Button group","button-group",{"id":106,"title":107,"slug":108},{"id":110,"title":111,"slug":112},{"slug":354,"title":355,"logo":356,"baseline":357,"categories":358},"cake","Cake","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcake-equity-ml6m26id.png","The intuitive equity platform for fast-growing startups",[359,362],{"id":61,"title":360,"slug":361},"Finance","finance",{"id":363,"title":364,"slug":365},63,"Startups","startups",{"uuid":367,"title":368,"description":369,"canonical_path":370,"image":371,"width":39,"height":284,"image_alt":372,"published_at":373,"kind":43,"patterns":374,"component_categories":389,"app":395},"52b8390a-e794-4e0d-aad7-02a3b405fce8","Tasks | Nicelydone CRM","List view where the user manages their tasks, with options to filter by assignee, category, and due date, and perform bulk actions on selected items.","\u002Fexamples\u002Fapps\u002Fcapsule\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F52b8390a-e794-4e0d-aad7-02a3b405fce8.png","Tasks | Nicelydone CRM from Capsule","2025-10-06T13:33:45.000Z",[375,377,382],{"id":198,"label":199,"slug":200,"rank":49,"group":376},{"id":202,"label":203,"slug":204},{"id":378,"label":379,"slug":380,"rank":58,"group":381},13,"Filter & Sort","filter-and-sort",{"id":64,"label":249,"slug":250},{"id":383,"label":384,"slug":385,"rank":64,"group":386},126,"Bulk Actions","bulk-actions",{"id":378,"label":387,"slug":388},"Workflow & Automation","workflow-and-automation",[390,391,392,393,394],{"id":212,"title":213,"slug":214},{"id":175,"title":176,"slug":177},{"id":102,"title":103,"slug":104},{"id":106,"title":107,"slug":108},{"id":110,"title":111,"slug":112},{"slug":396,"title":397,"logo":398,"baseline":399,"categories":400},"capsule","Capsule","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcapsule-crm-435e73bb.png","CRM Made Simple",[401],{"id":128,"title":129,"slug":130},{"uuid":403,"title":404,"description":405,"canonical_path":406,"image":407,"width":39,"height":284,"image_alt":408,"published_at":409,"kind":43,"patterns":410,"component_categories":420,"app":429},"9cc88334-dab0-4f90-b040-db80933caf73","Parallel Platform","Detail page showing the structured JSON-like results of an AI deep research query about global labor markets, with an open popover to share the report link.","\u002Fexamples\u002Fapps\u002Fparallel\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9cc88334-dab0-4f90-b040-db80933caf73.png","Parallel Platform from Parallel","2025-09-29T13:23:07.000Z",[411,413,418],{"id":295,"label":296,"slug":297,"rank":49,"group":412},{"id":51,"label":52,"slug":53},{"id":414,"label":415,"slug":416,"rank":58,"group":417},24,"Share","share",{"id":64,"label":249,"slug":250},{"id":46,"label":47,"slug":48,"rank":64,"group":419},{"id":51,"label":52,"slug":53},[421,425,426,427,428],{"id":422,"title":423,"slug":424},214,"Popover","popover",{"id":348,"title":349,"slug":350},{"id":175,"title":176,"slug":177},{"id":217,"title":218,"slug":219},{"id":110,"title":111,"slug":112},{"slug":430,"title":431,"logo":432,"baseline":433,"categories":434},"parallel","Parallel","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fparallel-45w6usw3.png","The highest accuracy web search for your AI",[435,436,440],{"id":120,"title":121,"slug":122},{"id":437,"title":438,"slug":439},37,"Developer APIs","developer-apis",{"id":441,"title":442,"slug":443},55,"Search engine","search-engine",{"uuid":445,"title":446,"description":447,"canonical_path":448,"image":449,"width":39,"height":284,"image_alt":450,"published_at":451,"kind":43,"patterns":452,"component_categories":465,"app":468},"ab533940-c293-4d5d-8741-b941f2c62f99","Wynde","Detail page where the user confirms if they finished a usability task while their microphone and camera are active.","\u002Fexamples\u002Fapps\u002Fwynde\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fab533940-c293-4d5d-8741-b941f2c62f99.png","Wynde from Wynde","2025-09-22T14:01:52.000Z",[453,455,460],{"id":93,"label":94,"slug":95,"rank":49,"group":454},{"id":97,"label":98,"slug":99},{"id":456,"label":457,"slug":458,"rank":58,"group":459},117,"Feedback","feedback",{"id":97,"label":98,"slug":99},{"id":461,"label":462,"slug":463,"rank":64,"group":464},58,"Media Editor","media-editor",{"id":158,"label":159,"slug":160},[466,467],{"id":217,"title":218,"slug":219},{"id":110,"title":111,"slug":112},{"slug":469,"title":446,"logo":470,"baseline":471,"categories":472},"wynde","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fwynde-juzny2qf.png","Take the guesswork out",[473,474],{"id":202,"title":268,"slug":269},{"id":275,"title":276,"slug":277},{"uuid":476,"title":477,"description":478,"canonical_path":479,"image":480,"width":39,"height":284,"image_alt":481,"published_at":482,"kind":43,"patterns":483,"component_categories":486,"app":491},"e6cdfd0f-af13-4a6a-a502-3dd189531425","View Tickets","Creation modal where the user drafts a new support ticket with a rich text editor and assigns it to a team member.","\u002Fexamples\u002Fapps\u002Foutseta\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe6cdfd0f-af13-4a6a-a502-3dd189531425.png","View Tickets from Outseta","2025-09-01T19:09:29.000Z",[484],{"id":245,"label":246,"slug":247,"rank":49,"group":485},{"id":64,"label":249,"slug":250},[487,488,489,490],{"id":212,"title":213,"slug":214},{"id":257,"title":258,"slug":259},{"id":106,"title":107,"slug":108},{"id":110,"title":111,"slug":112},{"slug":492,"title":493,"logo":494,"baseline":495,"categories":496},"outseta","Outseta","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F936c2a3c-b3fd-40ad-a0f0-efcb89fadd6c.png","The membership operating system",[497,500,504,505,509],{"id":58,"title":498,"slug":499},"Communities","communities",{"id":501,"title":502,"slug":503},92,"Email","email",{"id":128,"title":129,"slug":130},{"id":506,"title":507,"slug":508},39,"Payments","payments",{"id":124,"title":125,"slug":126},{"uuid":511,"title":512,"description":513,"canonical_path":514,"image":515,"width":39,"height":284,"image_alt":516,"published_at":517,"kind":43,"patterns":518,"component_categories":534,"app":541},"285cde6d-94bd-4849-a475-4f0c4bf07988","Settings | Nicelydone Club","Settings modal where an admin configures the member welcome checklist by adding predefined actions or creating custom tasks tied to specific spaces.","\u002Fexamples\u002Fapps\u002Fmighty\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F285cde6d-94bd-4849-a475-4f0c4bf07988.png","Settings | Nicelydone Club from Mighty","2025-09-01T19:09:04.000Z",[519,526],{"id":520,"label":521,"slug":522,"rank":49,"group":523},102,"Settings","settings",{"id":230,"label":524,"slug":525},"Settings & Admin","settings-and-admin",{"id":527,"label":528,"slug":529,"rank":58,"group":530},74,"Onboarding Checklist","onboarding-checklist",{"id":531,"label":532,"slug":533},7,"Onboarding & Education","onboarding-and-education",[535,536,537,538,539,540],{"id":171,"title":172,"slug":173},{"id":257,"title":258,"slug":259},{"id":217,"title":218,"slug":219},{"id":102,"title":103,"slug":104},{"id":106,"title":107,"slug":108},{"id":110,"title":111,"slug":112},{"slug":542,"title":543,"logo":544,"baseline":545,"categories":546},"mighty","Mighty","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fc0279d6a-b2eb-48fc-9c70-cb63d6da76f3.png","Community platform, courses & memberships",[547,551,552],{"id":548,"title":549,"slug":550},33,"E-Learning","e-learning",{"id":58,"title":498,"slug":499},{"id":145,"title":553,"slug":554},"Events","events",[],[557,559,561,563,565,567,569,571,573,575,577,579,581,584,587,590,593,596,599,602,605,608,611,614],{"label":94,"to":558,"count":166},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":56,"to":560,"count":51},"\u002Fexamples\u002Fscreens\u002Fai-assistant",{"label":47,"to":562,"count":51},"\u002Fexamples\u002Fscreens\u002Fai-chat",{"label":296,"to":564,"count":64},"\u002Fexamples\u002Fscreens\u002Fai-generation",{"label":246,"to":566,"count":64},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":199,"to":568,"count":64},"\u002Fexamples\u002Fscreens\u002Ftasks",{"label":146,"to":570,"count":58},"\u002Fexamples\u002Fscreens\u002Fai-agent",{"label":291,"to":572,"count":58},"\u002Fexamples\u002Fscreens\u002Fai-editing",{"label":384,"to":574,"count":58},"\u002Fexamples\u002Fscreens\u002Fbulk-actions",{"label":155,"to":576,"count":58},"\u002Fexamples\u002Fscreens\u002Fcode-editor",{"label":163,"to":578,"count":58},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":457,"to":580,"count":58},"\u002Fexamples\u002Fscreens\u002Ffeedback",{"label":582,"to":583},"Dock design examples","\u002Fexamples\u002Fapps\u002Fdock",{"label":585,"to":586},"Beside design examples","\u002Fexamples\u002Fapps\u002Fbeside",{"label":588,"to":589},"Poolside design examples","\u002Fexamples\u002Fapps\u002Fpoolside",{"label":591,"to":592},"Aboard design examples","\u002Fexamples\u002Fapps\u002Faboard",{"label":594,"to":595},"Maze design examples","\u002Fexamples\u002Fapps\u002Fmaze",{"label":597,"to":598},"Quin design examples","\u002Fexamples\u002Fapps\u002Fquin",{"label":600,"to":601},"Cake design examples","\u002Fexamples\u002Fapps\u002Fcake",{"label":603,"to":604},"Capsule design examples","\u002Fexamples\u002Fapps\u002Fcapsule",{"label":606,"to":607},"Parallel design examples","\u002Fexamples\u002Fapps\u002Fparallel",{"label":609,"to":610},"Wynde design examples","\u002Fexamples\u002Fapps\u002Fwynde",{"label":612,"to":613},"Outseta design examples","\u002Fexamples\u002Fapps\u002Foutseta",{"label":615,"to":616},"Mighty design examples","\u002Fexamples\u002Fapps\u002Fmighty",{"published_at":618,"updated_at":619},"2024-12-11T11:41:47.000Z","2026-09-05T20:20:08.509Z"]