[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fsteel\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":51,"showcases":256,"links":257,"dates":279},"\u002Fexamples\u002Fapps\u002Fsteel\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Steel product screens examples - Nicelydone","Browse Steel screen design examples. Preview the interface screenshots and explore related UI patterns. Browser infrastructure for AI agents","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F699631da-b362-4c2d-82a1-cef24486e9e2.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},"Steel design examples","\u002Fexamples\u002Fapps\u002Fsteel",{"label":23,"to":4},"Steel 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,"categories":34},"Steel","steel","Browser infrastructure for AI agents","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F03f0fa43-a227-4dce-b66a-f340f4551973.png","https:\u002F\u002Fsteel.dev\u002F",[35,39,43,47],{"id":36,"title":37,"slug":38},48,"Developer Tools","developer-tools",{"id":40,"title":41,"slug":42},80,"Artificial Intelligence","artificial-intelligence",{"id":44,"title":45,"slug":46},37,"Developer APIs","developer-apis",{"id":48,"title":49,"slug":50},45,"Open Source","open-source",[52,81,93,105,117,129,141,158,192,210,227,241],{"uuid":53,"title":54,"description":55,"canonical_path":4,"image":11,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":60,"component_categories":70,"app":79},"699631da-b362-4c2d-82a1-cef24486e9e2","Steel | Open-source Headless Browser API","Sign-in screen where the user authenticates with GitHub, Google, or email.",3024,1758,"Steel | Open-source Headless Browser API from Steel","screen",[61],{"id":62,"label":63,"slug":64,"rank":65,"group":66},4,"Sign In","sign-in",0,{"id":67,"label":68,"slug":69},1,"Access & Account","access-and-account",[71,75],{"id":72,"title":73,"slug":74},174,"Card","card",{"id":76,"title":77,"slug":78},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":80},[],{"uuid":82,"title":54,"description":83,"canonical_path":4,"image":84,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":85,"component_categories":88,"app":91},"50926c71-73d6-4193-b65b-281c038db919","Sign-in screen where the user authenticates into Steel using GitHub, Google, or email.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F50926c71-73d6-4193-b65b-281c038db919.png",[86],{"id":62,"label":63,"slug":64,"rank":65,"group":87},{"id":67,"label":68,"slug":69},[89,90],{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":92},[],{"uuid":94,"title":54,"description":95,"canonical_path":4,"image":96,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":97,"component_categories":100,"app":103},"2ec79f7b-5496-4ed6-a127-d42f0e5088cc","Sign-in screen where the user enters their email address to continue or chooses to view other authentication methods.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2ec79f7b-5496-4ed6-a127-d42f0e5088cc.png",[98],{"id":62,"label":63,"slug":64,"rank":65,"group":99},{"id":67,"label":68,"slug":69},[101,102],{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":104},[],{"uuid":106,"title":54,"description":107,"canonical_path":4,"image":108,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":109,"component_categories":112,"app":115},"27aca282-73e6-4034-b0f7-5a2816afabc8","Sign-in screen where the user enters their email address to continue authentication.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F27aca282-73e6-4034-b0f7-5a2816afabc8.png",[110],{"id":62,"label":63,"slug":64,"rank":65,"group":111},{"id":67,"label":68,"slug":69},[113,114],{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":116},[],{"uuid":118,"title":54,"description":119,"canonical_path":4,"image":120,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":121,"component_categories":124,"app":127},"f6f4187b-0482-4639-a342-8ca4d9ba780a","Sign-in screen where the user enters their email to continue or selects alternative authentication methods.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff6f4187b-0482-4639-a342-8ca4d9ba780a.png",[122],{"id":62,"label":63,"slug":64,"rank":65,"group":123},{"id":67,"label":68,"slug":69},[125,126],{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":128},[],{"uuid":130,"title":54,"description":131,"canonical_path":4,"image":132,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":133,"component_categories":136,"app":139},"f2c2042a-f500-4862-80c4-a690ada19350","Sign-in screen where the user is authenticating with their email address and waiting for the request to process.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff2c2042a-f500-4862-80c4-a690ada19350.png",[134],{"id":62,"label":63,"slug":64,"rank":65,"group":135},{"id":67,"label":68,"slug":69},[137,138],{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":140},[],{"uuid":142,"title":54,"description":143,"canonical_path":4,"image":144,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":145,"component_categories":153,"app":156},"82387b84-2379-454f-803a-4274807ed2fa","Sign-in screen where the user is prompted to check their inbox for a magic link, featuring a disabled resend button with a countdown.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F82387b84-2379-454f-803a-4274807ed2fa.png",[146,148],{"id":62,"label":63,"slug":64,"rank":65,"group":147},{"id":67,"label":68,"slug":69},{"id":149,"label":150,"slug":151,"rank":67,"group":152},6,"Verification","verification",{"id":67,"label":68,"slug":69},[154,155],{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":157},[],{"uuid":159,"title":54,"description":160,"canonical_path":4,"image":161,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":162,"component_categories":183,"app":190},"94061fd1-fb08-455b-babf-bc60c186cd1a","Onboarding step where the user provides their organization name, role, planned use cases like scraping or AI agents, and attribution source.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F94061fd1-fb08-455b-babf-bc60c186cd1a.png",[163,171,178],{"id":164,"label":165,"slug":166,"rank":65,"group":167},75,"Setup Wizard","setup-wizard",{"id":168,"label":169,"slug":170},7,"Onboarding & Education","onboarding-and-education",{"id":172,"label":173,"slug":174,"rank":67,"group":175},42,"Form","form",{"id":62,"label":176,"slug":177},"Data & Analysis","data-and-analysis",{"id":67,"label":179,"slug":180,"rank":181,"group":182},"Account Setup","account-setup",2,{"id":67,"label":68,"slug":69},[184,188,189],{"id":185,"title":186,"slug":187},260,"Badge","badge",{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":191},[],{"uuid":193,"title":54,"description":194,"canonical_path":4,"image":195,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":196,"component_categories":204,"app":208},"c4d24d29-a01d-4370-9ff2-8704219b34b7","Onboarding step where the user provides their organization name, selects their role from a dropdown, and indicates how they heard about the product.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc4d24d29-a01d-4370-9ff2-8704219b34b7.png",[197,199],{"id":67,"label":179,"slug":180,"rank":65,"group":198},{"id":67,"label":68,"slug":69},{"id":200,"label":201,"slug":202,"rank":67,"group":203},74,"Onboarding Checklist","onboarding-checklist",{"id":168,"label":169,"slug":170},[205,206,207],{"id":185,"title":186,"slug":187},{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":209},[],{"uuid":211,"title":54,"description":212,"canonical_path":4,"image":213,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":214,"component_categories":221,"app":225},"6c8a5795-0ae7-41fe-b803-79c85ac7afd4","Onboarding step where the user provides their organization name, role, planned use cases like building AI agents or web scraping, and attribution source.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6c8a5795-0ae7-41fe-b803-79c85ac7afd4.png",[215,217,219],{"id":200,"label":201,"slug":202,"rank":65,"group":216},{"id":168,"label":169,"slug":170},{"id":67,"label":179,"slug":180,"rank":67,"group":218},{"id":67,"label":68,"slug":69},{"id":172,"label":173,"slug":174,"rank":181,"group":220},{"id":62,"label":176,"slug":177},[222,223,224],{"id":185,"title":186,"slug":187},{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":226},[],{"uuid":228,"title":54,"description":229,"canonical_path":4,"image":230,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":231,"component_categories":236,"app":239},"287e7841-e801-4c25-b9f0-ff0d7d7366b4","Onboarding screen where the user answers a questionnaire about their organization, role, planned use cases like building AI agents or scraping, and how they heard about the product.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F287e7841-e801-4c25-b9f0-ff0d7d7366b4.png",[232,234],{"id":200,"label":201,"slug":202,"rank":65,"group":233},{"id":168,"label":169,"slug":170},{"id":172,"label":173,"slug":174,"rank":67,"group":235},{"id":62,"label":176,"slug":177},[237,238],{"id":185,"title":186,"slug":187},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":240},[],{"uuid":242,"title":54,"description":243,"canonical_path":4,"image":244,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":245,"component_categories":250,"app":254},"abf943dd-2165-4698-85f9-9cda9b887a82","Onboarding step where the user provides their organization name, role, intended use cases like building AI agents, and referral source.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fabf943dd-2165-4698-85f9-9cda9b887a82.png",[246,248],{"id":200,"label":201,"slug":202,"rank":65,"group":247},{"id":168,"label":169,"slug":170},{"id":172,"label":173,"slug":174,"rank":67,"group":249},{"id":62,"label":176,"slug":177},[251,252,253],{"id":185,"title":186,"slug":187},{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":255},[],[],[258,260,262,264,266,268,270,273,276],{"label":63,"to":259},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":173,"to":261},"\u002Fexamples\u002Fscreens\u002Fform",{"label":201,"to":263},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":179,"to":265},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":165,"to":267,"count":67},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":150,"to":269,"count":67},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":271,"to":272},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":274,"to":275},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":277,"to":278},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"published_at":280,"updated_at":281},"2026-05-30T11:02:26.000Z","2026-09-13T13:02:39.000Z"]