[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fdeck":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":55,"showcases":56,"links":367,"dates":400},"\u002Fexamples\u002Fapps\u002Fdeck","detail","apps",true,{"title":9,"description":10,"og_image":11},"Deck design examples - Nicelydone","Explore Deck UI design examples. Developer infrastructure for computer use agents that automate workflows in any software without APIs","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F789fabff-be47-4160-a036-385f91dd38d6.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Deck design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Deck",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fdeck\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fdeck\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Fdeck\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Fdeck\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"categories":46},"Deck","deck","Developer infrastructure for computer use agents that automate workflows in any software without APIs","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F2cb697ac-0da8-451b-98af-70f057dff58b.png","https:\u002F\u002Fdeck.co",[47,51],{"id":48,"title":49,"slug":50},48,"Developer Tools","developer-tools",{"id":52,"title":53,"slug":54},80,"Artificial Intelligence","artificial-intelligence",[],[57,358,361,364],{"family":58,"examples":59},"screens",[60,89,104,120,137,156,179,215,257,284,311,334],{"uuid":61,"title":62,"description":63,"canonical_path":29,"image":11,"width":64,"height":65,"image_alt":66,"kind":67,"patterns":68,"component_categories":78,"app":87},"789fabff-be47-4160-a036-385f91dd38d6","Deck Console","Sign-up screen where the user authenticates with GitHub, Google, or email to access the automation platform.",3024,1758,"Deck Console from Deck","screen",[69],{"id":70,"label":71,"slug":72,"rank":73,"group":74},5,"Sign Up","sign-up",0,{"id":75,"label":76,"slug":77},1,"Access & Account","access-and-account",[79,83],{"id":80,"title":81,"slug":82},174,"Card","card",{"id":84,"title":85,"slug":86},175,"Button","button",{"slug":42,"title":41,"logo":44,"categories":88},[],{"uuid":90,"title":62,"description":91,"canonical_path":29,"image":92,"width":64,"height":65,"image_alt":66,"kind":67,"patterns":93,"component_categories":99,"app":102},"8e61e140-faf7-4964-929c-aa7f38c95d20","Sign-in screen where the user authenticates with GitHub, Google, or enters their email to continue.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8e61e140-faf7-4964-929c-aa7f38c95d20.png",[94],{"id":95,"label":96,"slug":97,"rank":73,"group":98},4,"Sign In","sign-in",{"id":75,"label":76,"slug":77},[100,101],{"id":80,"title":81,"slug":82},{"id":84,"title":85,"slug":86},{"slug":42,"title":41,"logo":44,"categories":103},[],{"uuid":105,"title":62,"description":106,"canonical_path":29,"image":107,"width":64,"height":65,"image_alt":66,"kind":67,"patterns":108,"component_categories":115,"app":118},"d6ab75b2-e70b-4f09-9cfa-d598f70c7ae9","Signup screen where the user enters their email and a password that meets the displayed security requirements, or authenticates via GitHub or Google.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd6ab75b2-e70b-4f09-9cfa-d598f70c7ae9.png",[109,111],{"id":70,"label":71,"slug":72,"rank":73,"group":110},{"id":75,"label":76,"slug":77},{"id":75,"label":112,"slug":113,"rank":75,"group":114},"Account Setup","account-setup",{"id":75,"label":76,"slug":77},[116,117],{"id":80,"title":81,"slug":82},{"id":84,"title":85,"slug":86},{"slug":42,"title":41,"logo":44,"categories":119},[],{"uuid":121,"title":62,"description":122,"canonical_path":29,"image":123,"width":64,"height":65,"image_alt":66,"kind":67,"patterns":124,"component_categories":132,"app":135},"2f580958-6f95-43b2-8f4d-f336d4d8d26c","Signup screen where the user can create an account using GitHub, Google, or an email and password with inline validation.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2f580958-6f95-43b2-8f4d-f336d4d8d26c.png",[125,127],{"id":70,"label":71,"slug":72,"rank":73,"group":126},{"id":75,"label":76,"slug":77},{"id":128,"label":129,"slug":130,"rank":75,"group":131},6,"Verification","verification",{"id":75,"label":76,"slug":77},[133,134],{"id":80,"title":81,"slug":82},{"id":84,"title":85,"slug":86},{"slug":42,"title":41,"logo":44,"categories":136},[],{"uuid":138,"title":62,"description":139,"canonical_path":29,"image":140,"width":64,"height":65,"image_alt":66,"kind":67,"patterns":141,"component_categories":152,"app":154},"6f470567-c3c0-4fb2-b5e5-12acfd2e13b2","Verification screen where the user must complete a Cloudflare CAPTCHA challenge before accessing the application.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6f470567-c3c0-4fb2-b5e5-12acfd2e13b2.png",[142,144],{"id":128,"label":129,"slug":130,"rank":73,"group":143},{"id":75,"label":76,"slug":77},{"id":145,"label":146,"slug":147,"rank":75,"group":148},77,"Welcome","welcome",{"id":149,"label":150,"slug":151},7,"Onboarding & Education","onboarding-and-education",[153],{"id":80,"title":81,"slug":82},{"slug":42,"title":41,"logo":44,"categories":155},[],{"uuid":157,"title":62,"description":158,"canonical_path":29,"image":159,"width":64,"height":65,"image_alt":66,"kind":67,"patterns":160,"component_categories":174,"app":177},"f089123f-d146-40fa-a596-69a66dccd7a7","Verification screen where the user must enter a 6-digit code, currently showing an incorrect code error with a resend countdown.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff089123f-d146-40fa-a596-69a66dccd7a7.png",[161,163,171],{"id":128,"label":129,"slug":130,"rank":73,"group":162},{"id":75,"label":76,"slug":77},{"id":164,"label":165,"slug":166,"rank":75,"group":167},116,"Error","error",{"id":168,"label":169,"slug":170},12,"States & Feedback","states-and-feedback",{"id":75,"label":112,"slug":113,"rank":172,"group":173},2,{"id":75,"label":76,"slug":77},[175,176],{"id":80,"title":81,"slug":82},{"id":84,"title":85,"slug":86},{"slug":42,"title":41,"logo":44,"categories":178},[],{"uuid":180,"title":181,"description":182,"canonical_path":29,"image":183,"width":64,"height":65,"image_alt":184,"kind":67,"patterns":185,"component_categories":206,"app":213},"3c3a0b3d-7adc-4327-81d9-6c32ab90e8bc","Home | Deck Console","Dashboard with a getting started checklist and an overview of task volume and success rate metrics.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3c3a0b3d-7adc-4327-81d9-6c32ab90e8bc.png","Home | Deck Console from Deck",[186,191,198],{"id":187,"label":188,"slug":189,"rank":73,"group":190},72,"Getting Started","getting-started",{"id":149,"label":150,"slug":151},{"id":192,"label":193,"slug":194,"rank":75,"group":195},41,"Dashboard","dashboard",{"id":95,"label":196,"slug":197},"Data & Analysis","data-and-analysis",{"id":199,"label":200,"slug":201,"rank":172,"group":202},26,"AI Agent","ai-agent",{"id":203,"label":204,"slug":205},3,"AI","ai",[207,211,212],{"id":208,"title":209,"slug":210},169,"Avatar","avatar",{"id":80,"title":81,"slug":82},{"id":84,"title":85,"slug":86},{"slug":42,"title":41,"logo":44,"categories":214},[],{"uuid":216,"title":181,"description":217,"canonical_path":29,"image":218,"width":64,"height":65,"image_alt":184,"kind":67,"patterns":219,"component_categories":240,"app":255},"09c4d96a-7c73-4b75-846b-ddfb55658ee7","Settings modal where the user views the member list, manages roles, and can invite new teammates to the organization.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F09c4d96a-7c73-4b75-846b-ddfb55658ee7.png",[220,228,235],{"id":221,"label":222,"slug":223,"rank":73,"group":224},104,"Team Management","team-management",{"id":225,"label":226,"slug":227},10,"Settings & Admin","settings-and-admin",{"id":229,"label":230,"slug":231,"rank":75,"group":232},133,"Invite Teammates","invite-teammates",{"id":172,"label":233,"slug":234},"Actions","actions",{"id":236,"label":237,"slug":238,"rank":172,"group":239},100,"Roles & Permissions","roles-and-permissions",{"id":225,"label":226,"slug":227},[241,245,249,250,254],{"id":242,"title":243,"slug":244},284,"Modal","modal",{"id":246,"title":247,"slug":248},260,"Badge","badge",{"id":208,"title":209,"slug":210},{"id":251,"title":252,"slug":253},233,"Tabs","tabs",{"id":84,"title":85,"slug":86},{"slug":42,"title":41,"logo":44,"categories":256},[],{"uuid":258,"title":181,"description":259,"canonical_path":29,"image":260,"width":64,"height":65,"image_alt":184,"kind":67,"patterns":261,"component_categories":274,"app":282},"6236e78b-31c4-49a0-a552-ce5b1d9771c4","Dashboard showing agent task run errors and credentials created, with an empty state for agent sessions.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6236e78b-31c4-49a0-a552-ce5b1d9771c4.png",[262,264,269],{"id":192,"label":193,"slug":194,"rank":73,"group":263},{"id":95,"label":196,"slug":197},{"id":265,"label":266,"slug":267,"rank":75,"group":268},115,"Empty State","empty-state",{"id":168,"label":169,"slug":170},{"id":270,"label":271,"slug":272,"rank":172,"group":273},27,"AI Assistant","ai-assistant",{"id":203,"label":204,"slug":205},[275,279,280,281],{"id":276,"title":277,"slug":278},240,"Horizontal navigation","horizontal-navigation",{"id":208,"title":209,"slug":210},{"id":80,"title":81,"slug":82},{"id":84,"title":85,"slug":86},{"slug":42,"title":41,"logo":44,"categories":283},[],{"uuid":285,"title":62,"description":286,"canonical_path":29,"image":287,"width":64,"height":65,"image_alt":66,"kind":67,"patterns":288,"component_categories":303,"app":309},"99956729-d37b-41bd-b14b-6fbcd69526af","List view for managing credentials where the user is prompted to create their first one to allow agents to sign in to sources.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F99956729-d37b-41bd-b14b-6fbcd69526af.png",[289,291,295],{"id":265,"label":266,"slug":267,"rank":73,"group":290},{"id":168,"label":169,"slug":170},{"id":149,"label":292,"slug":293,"rank":75,"group":294},"Add & Create","add-and-create",{"id":172,"label":233,"slug":234},{"id":296,"label":297,"slug":298,"rank":172,"group":299},79,"Browse","browse",{"id":300,"label":301,"slug":302},8,"Pages & Content","pages-and-content",[304,308],{"id":305,"title":306,"slug":307},226,"Skeleton","skeleton",{"id":84,"title":85,"slug":86},{"slug":42,"title":41,"logo":44,"categories":310},[],{"uuid":312,"title":62,"description":313,"canonical_path":29,"image":314,"width":64,"height":65,"image_alt":66,"kind":67,"patterns":315,"component_categories":328,"app":332},"d3fea55d-5234-4f8e-a8f9-9e7edf421bb0","Empty state for a triggers list where the user is prompted to create their first automated task schedule.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd3fea55d-5234-4f8e-a8f9-9e7edf421bb0.png",[316,318,320],{"id":265,"label":266,"slug":267,"rank":73,"group":317},{"id":168,"label":169,"slug":170},{"id":149,"label":292,"slug":293,"rank":75,"group":319},{"id":172,"label":233,"slug":234},{"id":321,"label":322,"slug":323,"rank":172,"group":324},125,"Automation","automation",{"id":325,"label":326,"slug":327},13,"Workflow & Automation","workflow-and-automation",[329,330,331],{"id":208,"title":209,"slug":210},{"id":80,"title":81,"slug":82},{"id":84,"title":85,"slug":86},{"slug":42,"title":41,"logo":44,"categories":333},[],{"uuid":335,"title":181,"description":336,"canonical_path":29,"image":337,"width":64,"height":65,"image_alt":184,"kind":67,"patterns":338,"component_categories":351,"app":356},"0f3e1d35-0d42-4181-950f-896e6f3e1dd4","Settings modal where the user manages their organization profile, verified domains, and destructive actions like leaving or deleting the organization.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0f3e1d35-0d42-4181-950f-896e6f3e1dd4.png",[339,344,346],{"id":340,"label":341,"slug":342,"rank":73,"group":343},102,"Settings","settings",{"id":225,"label":226,"slug":227},{"id":221,"label":222,"slug":223,"rank":75,"group":345},{"id":225,"label":226,"slug":227},{"id":347,"label":348,"slug":349,"rank":172,"group":350},9,"Delete","delete",{"id":172,"label":233,"slug":234},[352,353,354,355],{"id":242,"title":243,"slug":244},{"id":208,"title":209,"slug":210},{"id":251,"title":252,"slug":253},{"id":84,"title":85,"slug":86},{"slug":42,"title":41,"logo":44,"categories":357},[],{"family":359,"examples":360},"flows",[],{"family":362,"examples":363},"components",[],{"family":365,"examples":366},"pages",[],[368,370,372,374,376,379,382,384,388,392,396],{"label":369,"to":29},"Deck product screens",{"label":371,"to":38},"Deck marketing pages",{"label":373,"to":32},"Deck user flows",{"label":375,"to":35},"Deck UI components",{"label":377,"to":378},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":380,"to":381},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":383,"to":18},"All SaaS app examples",{"label":385,"to":386,"description":387},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":389,"to":390,"description":391},"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":393,"to":394,"description":395},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":397,"to":398,"description":399},"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":401,"updated_at":402},"2026-08-14T06:09:53.000Z","2026-09-29T15:14:45.000Z"]