[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fdockio\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":44,"showcases":379,"links":380,"dates":438},"\u002Fexamples\u002Fapps\u002Fdockio\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Dock product screens examples - Nicelydone","Browse Dock screen design examples. Preview the interface screenshots and explore related UI patterns. End data fraud and reduce verification costs","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7ebfdb3f-f9d6-42e0-82a0-cb113d32f5b7.png",[13,16,19,22],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":21},"Dock design examples","\u002Fexamples\u002Fapps\u002Fdockio",{"label":23,"to":4},"Dock product screens examples",{"title":23,"eyebrow":25,"description":10,"sections":26,"body":27},"SaaS app examples",[],[],{"title":29,"slug":30,"description":31,"logo":32,"url":33,"twitter_username":34,"categories":35},"Dock","dockio","End data fraud and reduce verification costs","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdockio-cc9d7e66.png","https:\u002F\u002Fdock.io","docknetwork",[36,40],{"id":37,"title":38,"slug":39},78,"Security","security",{"id":41,"title":42,"slug":43},37,"Developer APIs","developer-apis",[45,70,81,102,150,183,221,245,280,301,320,355],{"uuid":46,"title":47,"description":48,"canonical_path":4,"image":11,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":53,"component_categories":63,"app":68},"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",[54],{"id":55,"label":56,"slug":57,"rank":58,"group":59},4,"Sign In","sign-in",0,{"id":60,"label":61,"slug":62},1,"Access & Account","access-and-account",[64],{"id":65,"title":66,"slug":67},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":69},[],{"uuid":71,"title":47,"description":72,"canonical_path":4,"image":73,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":74,"component_categories":77,"app":79},"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",[75],{"id":55,"label":56,"slug":57,"rank":58,"group":76},{"id":60,"label":61,"slug":62},[78],{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":80},[],{"uuid":82,"title":47,"description":83,"canonical_path":4,"image":84,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":85,"component_categories":99,"app":100},"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",[86,91],{"id":87,"label":88,"slug":89,"rank":58,"group":90},6,"Verification","verification",{"id":60,"label":61,"slug":62},{"id":92,"label":93,"slug":94,"rank":60,"group":95},119,"Info","info",{"id":96,"label":97,"slug":98},12,"States & Feedback","states-and-feedback",[],{"slug":30,"title":29,"logo":32,"categories":101},[],{"uuid":103,"title":104,"description":105,"canonical_path":4,"image":106,"width":49,"height":107,"image_alt":108,"kind":52,"patterns":109,"component_categories":134,"app":148},"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",[110,117,125],{"id":111,"label":112,"slug":113,"rank":58,"group":114},41,"Dashboard","dashboard",{"id":55,"label":115,"slug":116},"Data & Analysis","data-and-analysis",{"id":118,"label":119,"slug":120,"rank":60,"group":121},72,"Getting Started","getting-started",{"id":122,"label":123,"slug":124},7,"Onboarding & Education","onboarding-and-education",{"id":126,"label":127,"slug":128,"rank":129,"group":130},91,"Trial","trial",2,{"id":131,"label":132,"slug":133},9,"Plans & Limits","plans-and-limits",[135,139,143,147],{"id":136,"title":137,"slug":138},169,"Avatar","avatar",{"id":140,"title":141,"slug":142},260,"Badge","badge",{"id":144,"title":145,"slug":146},174,"Card","card",{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":149},[],{"uuid":151,"title":152,"description":153,"canonical_path":4,"image":154,"width":49,"height":50,"image_alt":155,"kind":52,"patterns":156,"component_categories":172,"app":181},"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",[157,162,170],{"id":158,"label":159,"slug":160,"rank":58,"group":161},115,"Empty State","empty-state",{"id":96,"label":97,"slug":98},{"id":163,"label":164,"slug":165,"rank":60,"group":166},80,"Files","files",{"id":167,"label":168,"slug":169},8,"Pages & Content","pages-and-content",{"id":126,"label":127,"slug":128,"rank":129,"group":171},{"id":131,"label":132,"slug":133},[173,174,178,179,180],{"id":136,"title":137,"slug":138},{"id":175,"title":176,"slug":177},233,"Tabs","tabs",{"id":140,"title":141,"slug":142},{"id":144,"title":145,"slug":146},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":182},[],{"uuid":184,"title":47,"description":185,"canonical_path":4,"image":186,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":187,"component_categories":208,"app":219},"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",[188,193,200],{"id":189,"label":190,"slug":191,"rank":58,"group":192},47,"Table","table",{"id":55,"label":115,"slug":116},{"id":194,"label":195,"slug":196,"rank":60,"group":197},23,"Select","select",{"id":129,"label":198,"slug":199},"Actions","actions",{"id":201,"label":202,"slug":203,"rank":129,"group":204},129,"Workflow Builder","workflow-builder",{"id":205,"label":206,"slug":207},13,"Workflow & Automation","workflow-and-automation",[209,213,217,218],{"id":210,"title":211,"slug":212},227,"Stepper","stepper",{"id":214,"title":215,"slug":216},211,"Pagination","pagination",{"id":140,"title":141,"slug":142},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":220},[],{"uuid":222,"title":47,"description":223,"canonical_path":4,"image":224,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":225,"component_categories":237,"app":243},"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",[226,230,232],{"id":122,"label":227,"slug":228,"rank":58,"group":229},"Add & Create","add-and-create",{"id":129,"label":198,"slug":199},{"id":158,"label":159,"slug":160,"rank":60,"group":231},{"id":96,"label":97,"slug":98},{"id":233,"label":234,"slug":235,"rank":129,"group":236},75,"Setup Wizard","setup-wizard",{"id":122,"label":123,"slug":124},[238,239,240,241,242],{"id":210,"title":211,"slug":212},{"id":214,"title":215,"slug":216},{"id":140,"title":141,"slug":142},{"id":144,"title":145,"slug":146},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":244},[],{"uuid":246,"title":47,"description":247,"canonical_path":4,"image":248,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":249,"component_categories":274,"app":278},"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",[250,258,263,268],{"id":251,"label":252,"slug":253,"rank":58,"group":254},55,"Design Editor","design-editor",{"id":255,"label":256,"slug":257},5,"Media & Tools","media-and-tools",{"id":259,"label":260,"slug":261,"rank":60,"group":262},11,"Edit","edit",{"id":129,"label":198,"slug":199},{"id":264,"label":265,"slug":266,"rank":129,"group":267},86,"Templates","templates",{"id":167,"label":168,"slug":169},{"id":269,"label":270,"slug":271,"rank":272,"group":273},25,"Upload & Download","upload-and-download",3,{"id":129,"label":198,"slug":199},[275,276,277],{"id":175,"title":176,"slug":177},{"id":144,"title":145,"slug":146},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":279},[],{"uuid":281,"title":47,"description":282,"canonical_path":4,"image":283,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":284,"component_categories":296,"app":299},"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",[285,287,289,294],{"id":251,"label":252,"slug":253,"rank":58,"group":286},{"id":255,"label":256,"slug":257},{"id":259,"label":260,"slug":261,"rank":60,"group":288},{"id":129,"label":198,"slug":199},{"id":290,"label":291,"slug":292,"rank":129,"group":293},15,"Import & Export","import-and-export",{"id":129,"label":198,"slug":199},{"id":264,"label":265,"slug":266,"rank":272,"group":295},{"id":167,"label":168,"slug":169},[297,298],{"id":144,"title":145,"slug":146},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":300},[],{"uuid":302,"title":47,"description":303,"canonical_path":4,"image":304,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":305,"component_categories":314,"app":318},"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",[306,308,310,312],{"id":251,"label":252,"slug":253,"rank":58,"group":307},{"id":255,"label":256,"slug":257},{"id":259,"label":260,"slug":261,"rank":60,"group":309},{"id":129,"label":198,"slug":199},{"id":264,"label":265,"slug":266,"rank":129,"group":311},{"id":167,"label":168,"slug":169},{"id":269,"label":270,"slug":271,"rank":272,"group":313},{"id":129,"label":198,"slug":199},[315,316,317],{"id":175,"title":176,"slug":177},{"id":144,"title":145,"slug":146},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":319},[],{"uuid":321,"title":47,"description":322,"canonical_path":4,"image":323,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":324,"component_categories":338,"app":353},"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",[325,327,329,331,333],{"id":251,"label":252,"slug":253,"rank":58,"group":326},{"id":255,"label":256,"slug":257},{"id":259,"label":260,"slug":261,"rank":60,"group":328},{"id":129,"label":198,"slug":199},{"id":264,"label":265,"slug":266,"rank":129,"group":330},{"id":167,"label":168,"slug":169},{"id":269,"label":270,"slug":271,"rank":272,"group":332},{"id":129,"label":198,"slug":199},{"id":334,"label":335,"slug":336,"rank":55,"group":337},58,"Media Editor","media-editor",{"id":255,"label":256,"slug":257},[339,343,347,351,352],{"id":340,"title":341,"slug":342},257,"Input number","input-number",{"id":344,"title":345,"slug":346},277,"Button group","button-group",{"id":348,"title":349,"slug":350},183,"Color picker","color-picker",{"id":144,"title":145,"slug":146},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":354},[],{"uuid":356,"title":47,"description":357,"canonical_path":4,"image":358,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":359,"component_categories":373,"app":377},"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",[360,362,367,369,371],{"id":251,"label":252,"slug":253,"rank":58,"group":361},{"id":255,"label":256,"slug":257},{"id":363,"label":364,"slug":365,"rank":60,"group":366},10,"Drag & Drop","drag-and-drop",{"id":129,"label":198,"slug":199},{"id":259,"label":260,"slug":261,"rank":129,"group":368},{"id":129,"label":198,"slug":199},{"id":264,"label":265,"slug":266,"rank":272,"group":370},{"id":167,"label":168,"slug":169},{"id":269,"label":270,"slug":271,"rank":55,"group":372},{"id":129,"label":198,"slug":199},[374,375,376],{"id":348,"title":349,"slug":350},{"id":144,"title":145,"slug":146},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":378},[],[],[381,383,385,387,389,391,393,395,397,399,401,403,405,408,411,414,417,420,422,426,430,434],{"label":252,"to":382},"\u002Fexamples\u002Fscreens\u002Fdesign-editor",{"label":260,"to":384},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":265,"to":386},"\u002Fexamples\u002Fscreens\u002Ftemplates",{"label":270,"to":388},"\u002Fexamples\u002Fscreens\u002Fupload-and-download",{"label":159,"to":390},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":56,"to":392},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":127,"to":394},"\u002Fexamples\u002Fscreens\u002Ftrial",{"label":227,"to":396},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":112,"to":398},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":364,"to":400},"\u002Fexamples\u002Fscreens\u002Fdrag-and-drop",{"label":164,"to":402},"\u002Fexamples\u002Fscreens\u002Ffiles",{"label":119,"to":404},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":406,"to":407},"Dock marketing pages","\u002Fexamples\u002Fapps\u002Fdockio\u002Fmarketing",{"label":409,"to":410},"Dock user flows","\u002Fexamples\u002Fapps\u002Fdockio\u002Fflows",{"label":412,"to":413},"Dock UI components","\u002Fexamples\u002Fapps\u002Fdockio\u002Fcomponents",{"label":415,"to":416},"Security app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsecurity",{"label":418,"to":419},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"label":421,"to":18},"All SaaS app examples",{"label":423,"to":424,"description":425},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":427,"to":428,"description":429},"SaaS marketing page examples","\u002Fexamples\u002Fpages","Browse real SaaS marketing pages grouped by page type, from landing pages to pricing and customer story pages.",{"label":431,"to":432,"description":433},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":435,"to":436,"description":437},"User flow examples from SaaS apps","\u002Fexamples\u002Fflows","Explore user flow examples for sign-up, onboarding, billing, and other SaaS tasks. Compare the order of screens and preview the opening steps from real apps.",{"published_at":439,"updated_at":440},"2023-12-27T11:50:40.000Z","2026-09-13T13:02:39.000Z"]