[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Fdocument-creation":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":512,"links":513,"dates":575},"\u002Fexamples\u002Ftags\u002Fdocument-creation","collection","screens",true,{"example_count":9,"app_count":10},1213,63,{"id":12,"title":13,"description":14},4098,"Document creation","",{"title":16,"description":17,"og_image":18},"Document creation screen examples - Nicelydone","Document creation screen design examples from SaaS apps. Browse examples from Zaro, Dock, Aboard.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff04406bf-73e9-4ffe-8433-86a31c3e9407.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Document creation screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"1213 screens",[34,105,148,175,221,259,304,339,373,401,440,475],{"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},"f04406bf-73e9-4ffe-8433-86a31c3e9407","Zaro - The Context Layer for Enterprise AI","Detail page where the user creates a new markdown file named filename.md within the Q3 Enterprise Pipeline Notes directory via a centered modal.","\u002Fexamples\u002Fapps\u002Fzaro\u002Fscreens",3024,1758,"Zaro - The Context Layer for Enterprise AI from Zaro","2026-08-24T10:01:28.000Z","screen",[45,54],{"id":46,"label":47,"slug":48,"rank":49,"group":50},7,"Add & Create","add-and-create",0,{"id":51,"label":52,"slug":53},2,"Actions","actions",{"id":55,"label":56,"slug":57,"rank":58,"group":59},80,"Files","files",1,{"id":60,"label":61,"slug":62},8,"Pages & Content","pages-and-content",[64,68,72,76,80],{"id":65,"title":66,"slug":67},226,"Skeleton","skeleton",{"id":69,"title":70,"slug":71},284,"Modal","modal",{"id":73,"title":74,"slug":75},177,"Breadcrumb","breadcrumb",{"id":77,"title":78,"slug":79},169,"Avatar","avatar",{"id":81,"title":82,"slug":83},175,"Button","button",{"slug":85,"title":86,"logo":87,"baseline":88,"categories":89},"zaro","Zaro","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdcfeb606-2235-48bf-83e3-948e2ac20719.png","AI workspace with agents and apps for business automation",[90,94,97,101],{"id":91,"title":92,"slug":93},23,"Collaboration","collaboration",{"id":55,"title":95,"slug":96},"Artificial Intelligence","artificial-intelligence",{"id":98,"title":99,"slug":100},22,"Knowledge Management","knowledge-management",{"id":102,"title":103,"slug":104},46,"Analytics","analytics",{"uuid":106,"title":107,"description":108,"canonical_path":109,"image":110,"width":39,"height":40,"image_alt":111,"published_at":112,"kind":43,"patterns":113,"component_categories":126,"app":137},"8ae20f18-026f-4341-96cf-ecf45e250bac","Editing: Playbook","Block-based content editor where the user sets up a new playbook template by adding a cover, logo, and sections.","\u002Fexamples\u002Fapps\u002Fdock\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8ae20f18-026f-4341-96cf-ecf45e250bac.png","Editing: Playbook from Dock","2026-07-13T15:30:47.000Z",[114,116,121],{"id":46,"label":47,"slug":48,"rank":49,"group":115},{"id":51,"label":52,"slug":53},{"id":117,"label":118,"slug":119,"rank":58,"group":120},11,"Edit","edit",{"id":51,"label":52,"slug":53},{"id":122,"label":123,"slug":124,"rank":51,"group":125},86,"Templates","templates",{"id":60,"label":61,"slug":62},[127,131,135,136],{"id":128,"title":129,"slug":130},233,"Tabs","tabs",{"id":132,"title":133,"slug":134},240,"Horizontal navigation","horizontal-navigation",{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":138,"title":139,"logo":140,"baseline":141,"categories":142},"dock","Dock","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdock-k4tgvy1y.png","The new way to manage external relationships",[143,144],{"id":91,"title":92,"slug":93},{"id":145,"title":146,"slug":147},29,"Task Management","task-management",{"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":165},"726b34af-e868-48c9-a713-f8bc52a5b624","Edit | Emplyee Contract - Template 1 | Contract templates | Aboard","Document editor where the user drafts a new employee contract template from a blank canvas.","\u002Fexamples\u002Fapps\u002Faboard\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F726b34af-e868-48c9-a713-f8bc52a5b624.png","Edit | Emplyee Contract - Template 1 | Contract templates | Aboard from Aboard","2026-05-05T10:32:35.000Z",[157,159],{"id":117,"label":118,"slug":119,"rank":49,"group":158},{"id":51,"label":52,"slug":53},{"id":122,"label":123,"slug":124,"rank":58,"group":160},{"id":60,"label":61,"slug":62},[162,163,164],{"id":132,"title":133,"slug":134},{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":166,"title":167,"logo":168,"baseline":169,"categories":170},"aboard","Aboard","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fea3ae2e7-7419-4926-acae-b179668f6172.png","Bring joy to your workplace with Aboard",[171],{"id":172,"title":173,"slug":174},10,"Human resources","human-resources",{"uuid":176,"title":177,"description":178,"canonical_path":179,"image":180,"width":39,"height":181,"image_alt":182,"published_at":183,"kind":43,"patterns":184,"component_categories":206,"app":208},"4b2ee2e1-85ab-4d45-9022-06d4f7c338ce","Happy pine · Paper","Design editor with an empty canvas, a pages list on the left, a central vertical toolbar, and a properties inspector on the right.","\u002Fexamples\u002Fapps\u002Fpaper\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4b2ee2e1-85ab-4d45-9022-06d4f7c338ce.png",1780,"Happy pine · Paper from Paper","2026-03-23T12:01:33.000Z",[185,193,201,203],{"id":186,"label":187,"slug":188,"rank":49,"group":189},55,"Design Editor","design-editor",{"id":190,"label":191,"slug":192},5,"Media & Tools","media-and-tools",{"id":194,"label":195,"slug":196,"rank":58,"group":197},115,"Empty State","empty-state",{"id":198,"label":199,"slug":200},12,"States & Feedback","states-and-feedback",{"id":55,"label":56,"slug":57,"rank":51,"group":202},{"id":60,"label":61,"slug":62},{"id":117,"label":118,"slug":119,"rank":204,"group":205},3,{"id":51,"label":52,"slug":53},[207],{"id":81,"title":82,"slug":83},{"slug":209,"title":210,"logo":211,"baseline":212,"categories":213},"paper","Paper","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F6406196d-df59-4e20-b60a-7d067ada271c.png","Design, share, ship",[214,217,220],{"id":46,"title":215,"slug":216},"Web Development","web-development",{"id":60,"title":218,"slug":219},"Design","design",{"id":91,"title":92,"slug":93},{"uuid":222,"title":223,"description":224,"canonical_path":225,"image":226,"width":39,"height":181,"image_alt":227,"published_at":228,"kind":43,"patterns":229,"component_categories":239,"app":243},"b1c6adcc-6b68-47e6-9a68-4a1040564400","Untitled – Dovetail","Content editor modal where the user starts writing a new document with block commands or AI assistance.","\u002Fexamples\u002Fapps\u002Fdovetail\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb1c6adcc-6b68-47e6-9a68-4a1040564400.png","Untitled – Dovetail from Dovetail","2026-03-02T20:51:47.000Z",[230,237],{"id":231,"label":232,"slug":233,"rank":49,"group":234},27,"AI Assistant","ai-assistant",{"id":204,"label":235,"slug":236},"AI","ai",{"id":194,"label":195,"slug":196,"rank":58,"group":238},{"id":198,"label":199,"slug":200},[240,241,242],{"id":69,"title":70,"slug":71},{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":244,"title":245,"logo":246,"baseline":247,"categories":248},"dovetail","Dovetail","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F6b47c81d-b89f-43c4-9087-0c1e1df518d7.png","Helps you with the key steps of UX research",[249,250,251,255],{"id":60,"title":218,"slug":219},{"id":98,"title":99,"slug":100},{"id":252,"title":253,"slug":254},35,"Feedback","feedback",{"id":256,"title":257,"slug":258},104,"User Research","user-research",{"uuid":260,"title":261,"description":262,"canonical_path":263,"image":264,"width":39,"height":181,"image_alt":265,"published_at":266,"kind":43,"patterns":267,"component_categories":280,"app":288},"6e09442b-3789-4330-8cfe-782c13fd6248","Fabric | Untitled note","Content editor modal where the user drafts a new note while an AI assistant processes the file context in a dark side panel.","\u002Fexamples\u002Fapps\u002Ffabric\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6e09442b-3789-4330-8cfe-782c13fd6248.png","Fabric | Untitled note from Fabric","2026-01-19T13:07:00.000Z",[268,270,275],{"id":231,"label":232,"slug":233,"rank":49,"group":269},{"id":204,"label":235,"slug":236},{"id":271,"label":272,"slug":273,"rank":58,"group":274},28,"AI Chat","ai-chat",{"id":204,"label":235,"slug":236},{"id":276,"label":277,"slug":278,"rank":51,"group":279},58,"Media Editor","media-editor",{"id":190,"label":191,"slug":192},[281,282,286,287],{"id":128,"title":129,"slug":130},{"id":283,"title":284,"slug":285},260,"Badge","badge",{"id":69,"title":70,"slug":71},{"id":81,"title":82,"slug":83},{"slug":289,"title":290,"logo":291,"baseline":292,"categories":293},"fabric","Fabric","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F42ed2d48-9d22-43a8-a445-db7acd80254b.png","Your second brain. Remember everything",[294,295,299,303],{"id":98,"title":99,"slug":100},{"id":296,"title":297,"slug":298},30,"Productivity","productivity",{"id":300,"title":301,"slug":302},71,"File sharing","file-sharing",{"id":55,"title":95,"slug":96},{"uuid":305,"title":306,"description":307,"canonical_path":308,"image":309,"width":39,"height":181,"image_alt":310,"published_at":311,"kind":43,"patterns":312,"component_categories":317,"app":325},"ae1f1135-47ae-47d3-a123-797857365aa9","Nicelydone - Docs","Document editor where the user is using a slash command to insert a numbered list into a new SOP document.","\u002Fexamples\u002Fapps\u002Forchestra\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fae1f1135-47ae-47d3-a123-797857365aa9.png","Nicelydone - Docs from Orchestra","2025-11-24T15:15:07.000Z",[313,315],{"id":231,"label":232,"slug":233,"rank":49,"group":314},{"id":204,"label":235,"slug":236},{"id":117,"label":118,"slug":119,"rank":58,"group":316},{"id":51,"label":52,"slug":53},[318,322,323,324],{"id":319,"title":320,"slug":321},277,"Button group","button-group",{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":326,"title":327,"logo":328,"baseline":329,"categories":330},"orchestra","Orchestra","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F2b0154cb-f399-4a7b-9a72-2b039e4ac541.png","A chat-centric workspace for modern teams",[331,332,333,334,335],{"id":296,"title":297,"slug":298},{"id":91,"title":92,"slug":93},{"id":98,"title":99,"slug":100},{"id":145,"title":146,"slug":147},{"id":336,"title":337,"slug":338},42,"Messaging","messaging",{"uuid":340,"title":341,"description":342,"canonical_path":343,"image":344,"width":39,"height":181,"image_alt":345,"published_at":346,"kind":43,"patterns":347,"component_categories":352,"app":362},"623e8d11-4589-4369-a299-d91df846ca89","Untitled Template - Attio","Create page where the user selects a call insight template from categories like Sales, Success, and Product to start a new document.","\u002Fexamples\u002Fapps\u002Fattio\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F623e8d11-4589-4369-a299-d91df846ca89.png","Untitled Template - Attio from Attio","2025-11-17T19:51:50.000Z",[348,350],{"id":46,"label":47,"slug":48,"rank":49,"group":349},{"id":51,"label":52,"slug":53},{"id":122,"label":123,"slug":124,"rank":58,"group":351},{"id":60,"label":61,"slug":62},[353,357,358,359,360,361],{"id":354,"title":355,"slug":356},174,"Card","card",{"id":283,"title":284,"slug":285},{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"id":132,"title":133,"slug":134},{"id":81,"title":82,"slug":83},{"slug":363,"title":364,"logo":365,"baseline":366,"categories":367},"attio","Attio","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fattio-nqag2fca.png","Customer relationship magic",[368,372],{"id":369,"title":370,"slug":371},53,"CRM","crm",{"id":55,"title":95,"slug":96},{"uuid":374,"title":375,"description":376,"canonical_path":377,"image":378,"width":39,"height":181,"image_alt":379,"published_at":380,"kind":43,"patterns":381,"component_categories":386,"app":391},"261de2c4-24b8-49d1-8e3c-ba164dfdbfec","Grammarly","Content editor where the user writes and formats text, with options to set goals and start an AI assistant.","\u002Fexamples\u002Fapps\u002Fgrammarly\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F261de2c4-24b8-49d1-8e3c-ba164dfdbfec.png","Grammarly from Grammarly","2025-10-27T15:38:24.000Z",[382,384],{"id":231,"label":232,"slug":233,"rank":49,"group":383},{"id":204,"label":235,"slug":236},{"id":117,"label":118,"slug":119,"rank":58,"group":385},{"id":51,"label":52,"slug":53},[387,388,389,390],{"id":319,"title":320,"slug":321},{"id":283,"title":284,"slug":285},{"id":132,"title":133,"slug":134},{"id":81,"title":82,"slug":83},{"slug":392,"title":375,"logo":393,"baseline":394,"categories":395},"grammarly","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fgrammarly-bbef73ad.png","Free online writing assistant",[396,400],{"id":397,"title":398,"slug":399},59,"Writing tools","writing-tools",{"id":55,"title":95,"slug":96},{"uuid":402,"title":403,"description":404,"canonical_path":405,"image":406,"width":39,"height":181,"image_alt":407,"published_at":408,"kind":43,"patterns":409,"component_categories":428,"app":432},"64d11274-0cf4-47b3-9f03-c0c3b1dba456","Slite","Settings page where the user views workspace analytics including team activity, search performance, and document creation metrics.","\u002Fexamples\u002Fapps\u002Fslite\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F64d11274-0cf4-47b3-9f03-c0c3b1dba456.png","Slite from Slite","2025-09-22T15:17:02.000Z",[410,418,423],{"id":411,"label":412,"slug":413,"rank":49,"group":414},41,"Dashboard","dashboard",{"id":415,"label":416,"slug":417},4,"Data & Analysis","data-and-analysis",{"id":419,"label":420,"slug":421,"rank":58,"group":422},49,"Usage","usage",{"id":415,"label":416,"slug":417},{"id":424,"label":425,"slug":426,"rank":51,"group":427},40,"Charts","charts",{"id":415,"label":416,"slug":417},[429,430,431],{"id":354,"title":355,"slug":356},{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":433,"title":403,"logo":434,"baseline":435,"categories":436},"slite","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fslite-265214fb.png","Put clarity at the center of your team",[437,438,439],{"id":98,"title":99,"slug":100},{"id":91,"title":92,"slug":93},{"id":55,"title":95,"slug":96},{"uuid":441,"title":442,"description":443,"canonical_path":444,"image":445,"width":39,"height":181,"image_alt":446,"published_at":447,"kind":43,"patterns":448,"component_categories":462,"app":465},"f19967c1-d19d-4e18-bd0f-a371949b49d8","Recents","List view where the user browses recently accessed documents, with quick actions to create new docs, use templates, or upgrade their plan.","\u002Fexamples\u002Fapps\u002Fcraft\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff19967c1-d19d-4e18-bd0f-a371949b49d8.png","Recents from Craft","2025-06-23T19:39:19.000Z",[449,454,456,458],{"id":450,"label":451,"slug":452,"rank":49,"group":453},79,"Browse","browse",{"id":60,"label":61,"slug":62},{"id":55,"label":56,"slug":57,"rank":58,"group":455},{"id":60,"label":61,"slug":62},{"id":46,"label":47,"slug":48,"rank":51,"group":457},{"id":51,"label":52,"slug":53},{"id":98,"label":459,"slug":460,"rank":204,"group":461},"Search","search",{"id":51,"label":52,"slug":53},[463,464],{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":466,"title":467,"logo":468,"baseline":469,"categories":470},"craft","Craft","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcraft-gw2w5ytx.png","Taking notes to the next level",[471,472,473,474],{"id":296,"title":297,"slug":298},{"id":98,"title":99,"slug":100},{"id":145,"title":146,"slug":147},{"id":397,"title":398,"slug":399},{"uuid":476,"title":477,"description":478,"canonical_path":479,"image":480,"width":39,"height":481,"image_alt":482,"published_at":483,"kind":43,"patterns":484,"component_categories":494,"app":502},"277412da-d243-4f1b-b4d7-e250f4b9d47a","Chronicle","Content editor where the user is viewing a document about Liquid Glass and has opened the trash popover to restore or delete a trashed chronicle.","\u002Fexamples\u002Fapps\u002Fchronicle\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F277412da-d243-4f1b-b4d7-e250f4b9d47a.png",1714,"Chronicle from Chronicle","2025-06-10T17:21:15.000Z",[485,487,492],{"id":117,"label":118,"slug":119,"rank":49,"group":486},{"id":51,"label":52,"slug":53},{"id":488,"label":489,"slug":490,"rank":58,"group":491},87,"Trash & Archive","trash-and-archive",{"id":60,"label":61,"slug":62},{"id":276,"label":277,"slug":278,"rank":51,"group":493},{"id":190,"label":191,"slug":192},[495,499,500,501],{"id":496,"title":497,"slug":498},214,"Popover","popover",{"id":73,"title":74,"slug":75},{"id":132,"title":133,"slug":134},{"id":81,"title":82,"slug":83},{"slug":503,"title":477,"logo":504,"baseline":505,"categories":506},"chronicle","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fchronicle-p7klgqh3.png","Stunning presentations, made effortlessly",[507,511],{"id":508,"title":509,"slug":510},85,"Presentation software","presentation-software",{"id":55,"title":95,"slug":96},[],[514,517,519,521,523,525,527,529,531,533,535,537,539,542,545,548,551,554,557,560,563,566,569,572],{"label":118,"to":515,"count":516},"\u002Fexamples\u002Fscreens\u002Fedit",6,{"label":47,"to":518,"count":415},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":232,"to":520,"count":415},"\u002Fexamples\u002Fscreens\u002Fai-assistant",{"label":56,"to":522,"count":204},"\u002Fexamples\u002Fscreens\u002Ffiles",{"label":123,"to":524,"count":204},"\u002Fexamples\u002Fscreens\u002Ftemplates",{"label":195,"to":526,"count":51},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":277,"to":528,"count":51},"\u002Fexamples\u002Fscreens\u002Fmedia-editor",{"label":272,"to":530,"count":58},"\u002Fexamples\u002Fscreens\u002Fai-chat",{"label":451,"to":532,"count":58},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":425,"to":534,"count":58},"\u002Fexamples\u002Fscreens\u002Fcharts",{"label":412,"to":536,"count":58},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":187,"to":538,"count":58},"\u002Fexamples\u002Fscreens\u002Fdesign-editor",{"label":540,"to":541},"Zaro design examples","\u002Fexamples\u002Fapps\u002Fzaro",{"label":543,"to":544},"Dock design examples","\u002Fexamples\u002Fapps\u002Fdock",{"label":546,"to":547},"Aboard design examples","\u002Fexamples\u002Fapps\u002Faboard",{"label":549,"to":550},"Paper design examples","\u002Fexamples\u002Fapps\u002Fpaper",{"label":552,"to":553},"Dovetail design examples","\u002Fexamples\u002Fapps\u002Fdovetail",{"label":555,"to":556},"Fabric design examples","\u002Fexamples\u002Fapps\u002Ffabric",{"label":558,"to":559},"Orchestra design examples","\u002Fexamples\u002Fapps\u002Forchestra",{"label":561,"to":562},"Attio design examples","\u002Fexamples\u002Fapps\u002Fattio",{"label":564,"to":565},"Grammarly design examples","\u002Fexamples\u002Fapps\u002Fgrammarly",{"label":567,"to":568},"Slite design examples","\u002Fexamples\u002Fapps\u002Fslite",{"label":570,"to":571},"Craft design examples","\u002Fexamples\u002Fapps\u002Fcraft",{"label":573,"to":574},"Chronicle design examples","\u002Fexamples\u002Fapps\u002Fchronicle",{"published_at":576,"updated_at":577},"2024-12-11T11:31:13.000Z","2026-09-05T20:20:29.010Z"]