[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fdockio":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":56,"showcases":57,"links":404,"dates":419},"\u002Fexamples\u002Fapps\u002Fdockio","detail","apps",true,{"title":9,"description":10,"og_image":11},"Dock design examples - Nicelydone","Explore Dock UI design examples. End data fraud and reduce verification costs","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7ebfdb3f-f9d6-42e0-82a0-cb113d32f5b7.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Dock design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Dock",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fdockio\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fdockio\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Fdockio\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Fdockio\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"twitter_username":46,"categories":47},"Dock","dockio","End data fraud and reduce verification costs","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdockio-cc9d7e66.png","https:\u002F\u002Fdock.io","docknetwork",[48,52],{"id":49,"title":50,"slug":51},78,"Security","security",{"id":53,"title":54,"slug":55},37,"Developer APIs","developer-apis",[],[58,395,398,401],{"family":59,"examples":60},"screens",[61,86,97,118,166,199,237,261,296,317,336,371],{"uuid":62,"title":63,"description":64,"canonical_path":29,"image":11,"width":65,"height":66,"image_alt":67,"kind":68,"patterns":69,"component_categories":79,"app":84},"7ebfdb3f-f9d6-42e0-82a0-cb113d32f5b7","Dock Certs","Sign-in screen where the user authenticates with Google, GitHub, Web3 ID, or email, alongside value propositions and a customer logo wall.",3024,1710,"Dock Certs from Dock","screen",[70],{"id":71,"label":72,"slug":73,"rank":74,"group":75},4,"Sign In","sign-in",0,{"id":76,"label":77,"slug":78},1,"Access & Account","access-and-account",[80],{"id":81,"title":82,"slug":83},175,"Button","button",{"slug":42,"title":41,"logo":44,"categories":85},[],{"uuid":87,"title":63,"description":88,"canonical_path":29,"image":89,"width":65,"height":66,"image_alt":67,"kind":68,"patterns":90,"component_categories":93,"app":95},"3cb38f2e-0027-43ba-b329-f00ec74f9bec","Sign-in screen where the user can authenticate via Google, GitHub, Web3 ID, or email, alongside a feature summary and customer logos.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3cb38f2e-0027-43ba-b329-f00ec74f9bec.png",[91],{"id":71,"label":72,"slug":73,"rank":74,"group":92},{"id":76,"label":77,"slug":78},[94],{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":96},[],{"uuid":98,"title":63,"description":99,"canonical_path":29,"image":100,"width":65,"height":66,"image_alt":67,"kind":68,"patterns":101,"component_categories":115,"app":116},"21a26434-a278-4af6-b90c-9010275a3372","Verification screen where the user is instructed to check their email for a sign-in link, alongside a list of product features and trusted company logos.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F21a26434-a278-4af6-b90c-9010275a3372.png",[102,107],{"id":103,"label":104,"slug":105,"rank":74,"group":106},6,"Verification","verification",{"id":76,"label":77,"slug":78},{"id":108,"label":109,"slug":110,"rank":76,"group":111},119,"Info","info",{"id":112,"label":113,"slug":114},12,"States & Feedback","states-and-feedback",[],{"slug":42,"title":41,"logo":44,"categories":117},[],{"uuid":119,"title":120,"description":121,"canonical_path":29,"image":122,"width":65,"height":123,"image_alt":124,"kind":68,"patterns":125,"component_categories":150,"app":164},"9197de6b-d60f-436d-b601-2af07482ea43","Dock Certs - Dashboard","Dashboard for managing verifiable credentials and issuer profiles, featuring a trial expiration banner, an onboarding video tutorial, and quick links to developer documentation.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9197de6b-d60f-436d-b601-2af07482ea43.png",3284,"Dock Certs - Dashboard from Dock",[126,133,141],{"id":127,"label":128,"slug":129,"rank":74,"group":130},41,"Dashboard","dashboard",{"id":71,"label":131,"slug":132},"Data & Analysis","data-and-analysis",{"id":134,"label":135,"slug":136,"rank":76,"group":137},72,"Getting Started","getting-started",{"id":138,"label":139,"slug":140},7,"Onboarding & Education","onboarding-and-education",{"id":142,"label":143,"slug":144,"rank":145,"group":146},91,"Trial","trial",2,{"id":147,"label":148,"slug":149},9,"Plans & Limits","plans-and-limits",[151,155,159,163],{"id":152,"title":153,"slug":154},169,"Avatar","avatar",{"id":156,"title":157,"slug":158},260,"Badge","badge",{"id":160,"title":161,"slug":162},174,"Card","card",{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":165},[],{"uuid":167,"title":168,"description":169,"canonical_path":29,"image":170,"width":65,"height":66,"image_alt":171,"kind":68,"patterns":172,"component_categories":188,"app":197},"647ec78c-159f-4c7e-b2eb-ea2843689fd7","Credentials","List view where the user manages issued and requested credentials, currently showing an empty state prompting them to issue their first credential beneath a trial-expired banner.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F647ec78c-159f-4c7e-b2eb-ea2843689fd7.png","Credentials from Dock",[173,178,186],{"id":174,"label":175,"slug":176,"rank":74,"group":177},115,"Empty State","empty-state",{"id":112,"label":113,"slug":114},{"id":179,"label":180,"slug":181,"rank":76,"group":182},80,"Files","files",{"id":183,"label":184,"slug":185},8,"Pages & Content","pages-and-content",{"id":142,"label":143,"slug":144,"rank":145,"group":187},{"id":147,"label":148,"slug":149},[189,190,194,195,196],{"id":152,"title":153,"slug":154},{"id":191,"title":192,"slug":193},233,"Tabs","tabs",{"id":156,"title":157,"slug":158},{"id":160,"title":161,"slug":162},{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":198},[],{"uuid":200,"title":63,"description":201,"canonical_path":29,"image":202,"width":65,"height":66,"image_alt":67,"kind":68,"patterns":203,"component_categories":224,"app":235},"ee0ed6aa-742b-4f16-862d-1deeb8cb1eb5","Wizard step where the user selects a credential schema from a table to begin the issuance process.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fee0ed6aa-742b-4f16-862d-1deeb8cb1eb5.png",[204,209,216],{"id":205,"label":206,"slug":207,"rank":74,"group":208},47,"Table","table",{"id":71,"label":131,"slug":132},{"id":210,"label":211,"slug":212,"rank":76,"group":213},23,"Select","select",{"id":145,"label":214,"slug":215},"Actions","actions",{"id":217,"label":218,"slug":219,"rank":145,"group":220},129,"Workflow Builder","workflow-builder",{"id":221,"label":222,"slug":223},13,"Workflow & Automation","workflow-and-automation",[225,229,233,234],{"id":226,"title":227,"slug":228},227,"Stepper","stepper",{"id":230,"title":231,"slug":232},211,"Pagination","pagination",{"id":156,"title":157,"slug":158},{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":236},[],{"uuid":238,"title":63,"description":239,"canonical_path":29,"image":240,"width":65,"height":66,"image_alt":67,"kind":68,"patterns":241,"component_categories":253,"app":259},"28fc2a41-983e-4ee9-8a81-ae2deb6843d5","Wizard step for issuing credentials where the user selects an existing design template or chooses to create a new one from scratch.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F28fc2a41-983e-4ee9-8a81-ae2deb6843d5.png",[242,246,248],{"id":138,"label":243,"slug":244,"rank":74,"group":245},"Add & Create","add-and-create",{"id":145,"label":214,"slug":215},{"id":174,"label":175,"slug":176,"rank":76,"group":247},{"id":112,"label":113,"slug":114},{"id":249,"label":250,"slug":251,"rank":145,"group":252},75,"Setup Wizard","setup-wizard",{"id":138,"label":139,"slug":140},[254,255,256,257,258],{"id":226,"title":227,"slug":228},{"id":230,"title":231,"slug":232},{"id":156,"title":157,"slug":158},{"id":160,"title":161,"slug":162},{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":260},[],{"uuid":262,"title":63,"description":263,"canonical_path":29,"image":264,"width":65,"height":66,"image_alt":67,"kind":68,"patterns":265,"component_categories":290,"app":294},"61f85e34-44c0-415d-b028-434a3682ecac","Design editor where the user customizes a credential template with dynamic attributes before saving and issuing it.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F61f85e34-44c0-415d-b028-434a3682ecac.png",[266,274,279,284],{"id":267,"label":268,"slug":269,"rank":74,"group":270},55,"Design Editor","design-editor",{"id":271,"label":272,"slug":273},5,"Media & Tools","media-and-tools",{"id":275,"label":276,"slug":277,"rank":76,"group":278},11,"Edit","edit",{"id":145,"label":214,"slug":215},{"id":280,"label":281,"slug":282,"rank":145,"group":283},86,"Templates","templates",{"id":183,"label":184,"slug":185},{"id":285,"label":286,"slug":287,"rank":288,"group":289},25,"Upload & Download","upload-and-download",3,{"id":145,"label":214,"slug":215},[291,292,293],{"id":191,"title":192,"slug":193},{"id":160,"title":161,"slug":162},{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":295},[],{"uuid":297,"title":63,"description":298,"canonical_path":29,"image":299,"width":65,"height":66,"image_alt":67,"kind":68,"patterns":300,"component_categories":312,"app":315},"0e0fc30a-71e6-47d3-95b1-9d1b399e8579","Design editor where the user creates a credential template by selecting A4 layouts, importing PDFs, and placing dynamic variables on a canvas.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0e0fc30a-71e6-47d3-95b1-9d1b399e8579.png",[301,303,305,310],{"id":267,"label":268,"slug":269,"rank":74,"group":302},{"id":271,"label":272,"slug":273},{"id":275,"label":276,"slug":277,"rank":76,"group":304},{"id":145,"label":214,"slug":215},{"id":306,"label":307,"slug":308,"rank":145,"group":309},15,"Import & Export","import-and-export",{"id":145,"label":214,"slug":215},{"id":280,"label":281,"slug":282,"rank":288,"group":311},{"id":183,"label":184,"slug":185},[313,314],{"id":160,"title":161,"slug":162},{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":316},[],{"uuid":318,"title":63,"description":319,"canonical_path":29,"image":320,"width":65,"height":66,"image_alt":67,"kind":68,"patterns":321,"component_categories":330,"app":334},"c2f6ce26-142b-40dd-948a-abf96eb89219","Design editor where the user customizes a credential template by selecting a layout, adding dynamic attributes, or importing a PDF.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc2f6ce26-142b-40dd-948a-abf96eb89219.png",[322,324,326,328],{"id":267,"label":268,"slug":269,"rank":74,"group":323},{"id":271,"label":272,"slug":273},{"id":275,"label":276,"slug":277,"rank":76,"group":325},{"id":145,"label":214,"slug":215},{"id":280,"label":281,"slug":282,"rank":145,"group":327},{"id":183,"label":184,"slug":185},{"id":285,"label":286,"slug":287,"rank":288,"group":329},{"id":145,"label":214,"slug":215},[331,332,333],{"id":191,"title":192,"slug":193},{"id":160,"title":161,"slug":162},{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":335},[],{"uuid":337,"title":63,"description":338,"canonical_path":29,"image":339,"width":65,"height":66,"image_alt":67,"kind":68,"patterns":340,"component_categories":354,"app":369},"d77bb37b-d5b7-4c78-b792-59cea3b1a9c8","Design editor where the user customizes a credential template by adjusting text formatting, colors, and dynamic variables before issuing.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd77bb37b-d5b7-4c78-b792-59cea3b1a9c8.png",[341,343,345,347,349],{"id":267,"label":268,"slug":269,"rank":74,"group":342},{"id":271,"label":272,"slug":273},{"id":275,"label":276,"slug":277,"rank":76,"group":344},{"id":145,"label":214,"slug":215},{"id":280,"label":281,"slug":282,"rank":145,"group":346},{"id":183,"label":184,"slug":185},{"id":285,"label":286,"slug":287,"rank":288,"group":348},{"id":145,"label":214,"slug":215},{"id":350,"label":351,"slug":352,"rank":71,"group":353},58,"Media Editor","media-editor",{"id":271,"label":272,"slug":273},[355,359,363,367,368],{"id":356,"title":357,"slug":358},257,"Input number","input-number",{"id":360,"title":361,"slug":362},277,"Button group","button-group",{"id":364,"title":365,"slug":366},183,"Color picker","color-picker",{"id":160,"title":161,"slug":162},{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":370},[],{"uuid":372,"title":63,"description":373,"canonical_path":29,"image":374,"width":65,"height":66,"image_alt":67,"kind":68,"patterns":375,"component_categories":389,"app":393},"ab1347a0-4581-4954-89c5-f9ab0b63ec75","Design editor where the user customizes a credential template by adjusting text formatting, font size, and colors on a drag-and-drop canvas.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fab1347a0-4581-4954-89c5-f9ab0b63ec75.png",[376,378,383,385,387],{"id":267,"label":268,"slug":269,"rank":74,"group":377},{"id":271,"label":272,"slug":273},{"id":379,"label":380,"slug":381,"rank":76,"group":382},10,"Drag & Drop","drag-and-drop",{"id":145,"label":214,"slug":215},{"id":275,"label":276,"slug":277,"rank":145,"group":384},{"id":145,"label":214,"slug":215},{"id":280,"label":281,"slug":282,"rank":288,"group":386},{"id":183,"label":184,"slug":185},{"id":285,"label":286,"slug":287,"rank":71,"group":388},{"id":145,"label":214,"slug":215},[390,391,392],{"id":364,"title":365,"slug":366},{"id":160,"title":161,"slug":162},{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":394},[],{"family":396,"examples":397},"flows",[],{"family":399,"examples":400},"components",[],{"family":402,"examples":403},"pages",[],[405,407,409,411,413,416],{"label":406,"to":29},"Dock product screens",{"label":408,"to":38},"Dock marketing pages",{"label":410,"to":32},"Dock user flows",{"label":412,"to":35},"Dock UI components",{"label":414,"to":415},"Security app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsecurity",{"label":417,"to":418},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"published_at":420,"updated_at":421},"2023-12-27T11:35:53.000Z","2026-09-13T13:02:39.000Z"]