[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fdeck\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":44,"showcases":343,"links":344,"dates":402},"\u002Fexamples\u002Fapps\u002Fdeck\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Deck product screens examples - Nicelydone","Browse Deck screen design examples. Preview the interface screenshots and explore related UI patterns. Developer infrastructure for computer use agents that…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F789fabff-be47-4160-a036-385f91dd38d6.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},"Deck design examples","\u002Fexamples\u002Fapps\u002Fdeck",{"label":23,"to":4},"Deck product screens examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Deck screen design examples. Preview the interface screenshots and explore related UI patterns. Developer infrastructure for computer use agents that automate workflows in any software without APIs",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"categories":35},"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",[36,40],{"id":37,"title":38,"slug":39},48,"Developer Tools","developer-tools",{"id":41,"title":42,"slug":43},80,"Artificial Intelligence","artificial-intelligence",[45,74,89,105,122,141,164,200,242,269,296,319],{"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":72},"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",[54],{"id":55,"label":56,"slug":57,"rank":58,"group":59},5,"Sign Up","sign-up",0,{"id":60,"label":61,"slug":62},1,"Access & Account","access-and-account",[64,68],{"id":65,"title":66,"slug":67},174,"Card","card",{"id":69,"title":70,"slug":71},175,"Button","button",{"slug":31,"title":30,"logo":33,"categories":73},[],{"uuid":75,"title":47,"description":76,"canonical_path":4,"image":77,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":78,"component_categories":84,"app":87},"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",[79],{"id":80,"label":81,"slug":82,"rank":58,"group":83},4,"Sign In","sign-in",{"id":60,"label":61,"slug":62},[85,86],{"id":65,"title":66,"slug":67},{"id":69,"title":70,"slug":71},{"slug":31,"title":30,"logo":33,"categories":88},[],{"uuid":90,"title":47,"description":91,"canonical_path":4,"image":92,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":93,"component_categories":100,"app":103},"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",[94,96],{"id":55,"label":56,"slug":57,"rank":58,"group":95},{"id":60,"label":61,"slug":62},{"id":60,"label":97,"slug":98,"rank":60,"group":99},"Account Setup","account-setup",{"id":60,"label":61,"slug":62},[101,102],{"id":65,"title":66,"slug":67},{"id":69,"title":70,"slug":71},{"slug":31,"title":30,"logo":33,"categories":104},[],{"uuid":106,"title":47,"description":107,"canonical_path":4,"image":108,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":109,"component_categories":117,"app":120},"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",[110,112],{"id":55,"label":56,"slug":57,"rank":58,"group":111},{"id":60,"label":61,"slug":62},{"id":113,"label":114,"slug":115,"rank":60,"group":116},6,"Verification","verification",{"id":60,"label":61,"slug":62},[118,119],{"id":65,"title":66,"slug":67},{"id":69,"title":70,"slug":71},{"slug":31,"title":30,"logo":33,"categories":121},[],{"uuid":123,"title":47,"description":124,"canonical_path":4,"image":125,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":126,"component_categories":137,"app":139},"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",[127,129],{"id":113,"label":114,"slug":115,"rank":58,"group":128},{"id":60,"label":61,"slug":62},{"id":130,"label":131,"slug":132,"rank":60,"group":133},77,"Welcome","welcome",{"id":134,"label":135,"slug":136},7,"Onboarding & Education","onboarding-and-education",[138],{"id":65,"title":66,"slug":67},{"slug":31,"title":30,"logo":33,"categories":140},[],{"uuid":142,"title":47,"description":143,"canonical_path":4,"image":144,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":145,"component_categories":159,"app":162},"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",[146,148,156],{"id":113,"label":114,"slug":115,"rank":58,"group":147},{"id":60,"label":61,"slug":62},{"id":149,"label":150,"slug":151,"rank":60,"group":152},116,"Error","error",{"id":153,"label":154,"slug":155},12,"States & Feedback","states-and-feedback",{"id":60,"label":97,"slug":98,"rank":157,"group":158},2,{"id":60,"label":61,"slug":62},[160,161],{"id":65,"title":66,"slug":67},{"id":69,"title":70,"slug":71},{"slug":31,"title":30,"logo":33,"categories":163},[],{"uuid":165,"title":166,"description":167,"canonical_path":4,"image":168,"width":49,"height":50,"image_alt":169,"kind":52,"patterns":170,"component_categories":191,"app":198},"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",[171,176,183],{"id":172,"label":173,"slug":174,"rank":58,"group":175},72,"Getting Started","getting-started",{"id":134,"label":135,"slug":136},{"id":177,"label":178,"slug":179,"rank":60,"group":180},41,"Dashboard","dashboard",{"id":80,"label":181,"slug":182},"Data & Analysis","data-and-analysis",{"id":184,"label":185,"slug":186,"rank":157,"group":187},26,"AI Agent","ai-agent",{"id":188,"label":189,"slug":190},3,"AI","ai",[192,196,197],{"id":193,"title":194,"slug":195},169,"Avatar","avatar",{"id":65,"title":66,"slug":67},{"id":69,"title":70,"slug":71},{"slug":31,"title":30,"logo":33,"categories":199},[],{"uuid":201,"title":166,"description":202,"canonical_path":4,"image":203,"width":49,"height":50,"image_alt":169,"kind":52,"patterns":204,"component_categories":225,"app":240},"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",[205,213,220],{"id":206,"label":207,"slug":208,"rank":58,"group":209},104,"Team Management","team-management",{"id":210,"label":211,"slug":212},10,"Settings & Admin","settings-and-admin",{"id":214,"label":215,"slug":216,"rank":60,"group":217},133,"Invite Teammates","invite-teammates",{"id":157,"label":218,"slug":219},"Actions","actions",{"id":221,"label":222,"slug":223,"rank":157,"group":224},100,"Roles & Permissions","roles-and-permissions",{"id":210,"label":211,"slug":212},[226,230,234,235,239],{"id":227,"title":228,"slug":229},284,"Modal","modal",{"id":231,"title":232,"slug":233},260,"Badge","badge",{"id":193,"title":194,"slug":195},{"id":236,"title":237,"slug":238},233,"Tabs","tabs",{"id":69,"title":70,"slug":71},{"slug":31,"title":30,"logo":33,"categories":241},[],{"uuid":243,"title":166,"description":244,"canonical_path":4,"image":245,"width":49,"height":50,"image_alt":169,"kind":52,"patterns":246,"component_categories":259,"app":267},"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",[247,249,254],{"id":177,"label":178,"slug":179,"rank":58,"group":248},{"id":80,"label":181,"slug":182},{"id":250,"label":251,"slug":252,"rank":60,"group":253},115,"Empty State","empty-state",{"id":153,"label":154,"slug":155},{"id":255,"label":256,"slug":257,"rank":157,"group":258},27,"AI Assistant","ai-assistant",{"id":188,"label":189,"slug":190},[260,264,265,266],{"id":261,"title":262,"slug":263},240,"Horizontal navigation","horizontal-navigation",{"id":193,"title":194,"slug":195},{"id":65,"title":66,"slug":67},{"id":69,"title":70,"slug":71},{"slug":31,"title":30,"logo":33,"categories":268},[],{"uuid":270,"title":47,"description":271,"canonical_path":4,"image":272,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":273,"component_categories":288,"app":294},"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",[274,276,280],{"id":250,"label":251,"slug":252,"rank":58,"group":275},{"id":153,"label":154,"slug":155},{"id":134,"label":277,"slug":278,"rank":60,"group":279},"Add & Create","add-and-create",{"id":157,"label":218,"slug":219},{"id":281,"label":282,"slug":283,"rank":157,"group":284},79,"Browse","browse",{"id":285,"label":286,"slug":287},8,"Pages & Content","pages-and-content",[289,293],{"id":290,"title":291,"slug":292},226,"Skeleton","skeleton",{"id":69,"title":70,"slug":71},{"slug":31,"title":30,"logo":33,"categories":295},[],{"uuid":297,"title":47,"description":298,"canonical_path":4,"image":299,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":300,"component_categories":313,"app":317},"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",[301,303,305],{"id":250,"label":251,"slug":252,"rank":58,"group":302},{"id":153,"label":154,"slug":155},{"id":134,"label":277,"slug":278,"rank":60,"group":304},{"id":157,"label":218,"slug":219},{"id":306,"label":307,"slug":308,"rank":157,"group":309},125,"Automation","automation",{"id":310,"label":311,"slug":312},13,"Workflow & Automation","workflow-and-automation",[314,315,316],{"id":193,"title":194,"slug":195},{"id":65,"title":66,"slug":67},{"id":69,"title":70,"slug":71},{"slug":31,"title":30,"logo":33,"categories":318},[],{"uuid":320,"title":166,"description":321,"canonical_path":4,"image":322,"width":49,"height":50,"image_alt":169,"kind":52,"patterns":323,"component_categories":336,"app":341},"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",[324,329,331],{"id":325,"label":326,"slug":327,"rank":58,"group":328},102,"Settings","settings",{"id":210,"label":211,"slug":212},{"id":206,"label":207,"slug":208,"rank":60,"group":330},{"id":210,"label":211,"slug":212},{"id":332,"label":333,"slug":334,"rank":157,"group":335},9,"Delete","delete",{"id":157,"label":218,"slug":219},[337,338,339,340],{"id":227,"title":228,"slug":229},{"id":193,"title":194,"slug":195},{"id":236,"title":237,"slug":238},{"id":69,"title":70,"slug":71},{"slug":31,"title":30,"logo":33,"categories":342},[],[],[345,347,349,351,353,355,357,359,361,363,365,367,369,372,375,378,381,384,386,390,394,398],{"label":251,"to":346},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":56,"to":348},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":114,"to":350},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":97,"to":352},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":277,"to":354},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":178,"to":356},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":207,"to":358},"\u002Fexamples\u002Fscreens\u002Fteam-management",{"label":185,"to":360},"\u002Fexamples\u002Fscreens\u002Fai-agent",{"label":256,"to":362},"\u002Fexamples\u002Fscreens\u002Fai-assistant",{"label":307,"to":364},"\u002Fexamples\u002Fscreens\u002Fautomation",{"label":282,"to":366},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":333,"to":368},"\u002Fexamples\u002Fscreens\u002Fdelete",{"label":370,"to":371},"Deck marketing pages","\u002Fexamples\u002Fapps\u002Fdeck\u002Fmarketing",{"label":373,"to":374},"Deck user flows","\u002Fexamples\u002Fapps\u002Fdeck\u002Fflows",{"label":376,"to":377},"Deck UI components","\u002Fexamples\u002Fapps\u002Fdeck\u002Fcomponents",{"label":379,"to":380},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":382,"to":383},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":385,"to":18},"All SaaS app examples",{"label":387,"to":388,"description":389},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":391,"to":392,"description":393},"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":395,"to":396,"description":397},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":399,"to":400,"description":401},"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":403,"updated_at":404},"2026-08-14T06:09:53.000Z","2026-09-29T15:14:45.000Z"]