[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fsteel":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":63,"showcases":64,"links":281,"dates":299},"\u002Fexamples\u002Fapps\u002Fsteel","detail","apps",true,{"title":9,"description":10,"og_image":11},"Steel design examples - Nicelydone","Explore Steel UI design examples. Browser infrastructure for AI agents","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F699631da-b362-4c2d-82a1-cef24486e9e2.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Steel design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Steel",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fsteel\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fsteel\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Fsteel\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Fsteel\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"categories":46},"Steel","steel","Browser infrastructure for AI agents","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F03f0fa43-a227-4dce-b66a-f340f4551973.png","https:\u002F\u002Fsteel.dev\u002F",[47,51,55,59],{"id":48,"title":49,"slug":50},48,"Developer Tools","developer-tools",{"id":52,"title":53,"slug":54},80,"Artificial Intelligence","artificial-intelligence",{"id":56,"title":57,"slug":58},37,"Developer APIs","developer-apis",{"id":60,"title":61,"slug":62},45,"Open Source","open-source",[],[65,272,275,278],{"family":66,"examples":67},"screens",[68,97,109,121,133,145,157,174,208,226,243,257],{"uuid":69,"title":70,"description":71,"canonical_path":29,"image":11,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":76,"component_categories":86,"app":95},"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",[77],{"id":78,"label":79,"slug":80,"rank":81,"group":82},4,"Sign In","sign-in",0,{"id":83,"label":84,"slug":85},1,"Access & Account","access-and-account",[87,91],{"id":88,"title":89,"slug":90},174,"Card","card",{"id":92,"title":93,"slug":94},175,"Button","button",{"slug":42,"title":41,"logo":44,"categories":96},[],{"uuid":98,"title":70,"description":99,"canonical_path":29,"image":100,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":101,"component_categories":104,"app":107},"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",[102],{"id":78,"label":79,"slug":80,"rank":81,"group":103},{"id":83,"label":84,"slug":85},[105,106],{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":108},[],{"uuid":110,"title":70,"description":111,"canonical_path":29,"image":112,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":113,"component_categories":116,"app":119},"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",[114],{"id":78,"label":79,"slug":80,"rank":81,"group":115},{"id":83,"label":84,"slug":85},[117,118],{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":120},[],{"uuid":122,"title":70,"description":123,"canonical_path":29,"image":124,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":125,"component_categories":128,"app":131},"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",[126],{"id":78,"label":79,"slug":80,"rank":81,"group":127},{"id":83,"label":84,"slug":85},[129,130],{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":132},[],{"uuid":134,"title":70,"description":135,"canonical_path":29,"image":136,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":137,"component_categories":140,"app":143},"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",[138],{"id":78,"label":79,"slug":80,"rank":81,"group":139},{"id":83,"label":84,"slug":85},[141,142],{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":144},[],{"uuid":146,"title":70,"description":147,"canonical_path":29,"image":148,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":149,"component_categories":152,"app":155},"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",[150],{"id":78,"label":79,"slug":80,"rank":81,"group":151},{"id":83,"label":84,"slug":85},[153,154],{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":156},[],{"uuid":158,"title":70,"description":159,"canonical_path":29,"image":160,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":161,"component_categories":169,"app":172},"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",[162,164],{"id":78,"label":79,"slug":80,"rank":81,"group":163},{"id":83,"label":84,"slug":85},{"id":165,"label":166,"slug":167,"rank":83,"group":168},6,"Verification","verification",{"id":83,"label":84,"slug":85},[170,171],{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":173},[],{"uuid":175,"title":70,"description":176,"canonical_path":29,"image":177,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":178,"component_categories":199,"app":206},"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",[179,187,194],{"id":180,"label":181,"slug":182,"rank":81,"group":183},75,"Setup Wizard","setup-wizard",{"id":184,"label":185,"slug":186},7,"Onboarding & Education","onboarding-and-education",{"id":188,"label":189,"slug":190,"rank":83,"group":191},42,"Form","form",{"id":78,"label":192,"slug":193},"Data & Analysis","data-and-analysis",{"id":83,"label":195,"slug":196,"rank":197,"group":198},"Account Setup","account-setup",2,{"id":83,"label":84,"slug":85},[200,204,205],{"id":201,"title":202,"slug":203},260,"Badge","badge",{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":207},[],{"uuid":209,"title":70,"description":210,"canonical_path":29,"image":211,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":212,"component_categories":220,"app":224},"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",[213,215],{"id":83,"label":195,"slug":196,"rank":81,"group":214},{"id":83,"label":84,"slug":85},{"id":216,"label":217,"slug":218,"rank":83,"group":219},74,"Onboarding Checklist","onboarding-checklist",{"id":184,"label":185,"slug":186},[221,222,223],{"id":201,"title":202,"slug":203},{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":225},[],{"uuid":227,"title":70,"description":228,"canonical_path":29,"image":229,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":230,"component_categories":237,"app":241},"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",[231,233,235],{"id":216,"label":217,"slug":218,"rank":81,"group":232},{"id":184,"label":185,"slug":186},{"id":83,"label":195,"slug":196,"rank":83,"group":234},{"id":83,"label":84,"slug":85},{"id":188,"label":189,"slug":190,"rank":197,"group":236},{"id":78,"label":192,"slug":193},[238,239,240],{"id":201,"title":202,"slug":203},{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":242},[],{"uuid":244,"title":70,"description":245,"canonical_path":29,"image":246,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":247,"component_categories":252,"app":255},"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",[248,250],{"id":216,"label":217,"slug":218,"rank":81,"group":249},{"id":184,"label":185,"slug":186},{"id":188,"label":189,"slug":190,"rank":83,"group":251},{"id":78,"label":192,"slug":193},[253,254],{"id":201,"title":202,"slug":203},{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":256},[],{"uuid":258,"title":70,"description":259,"canonical_path":29,"image":260,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":261,"component_categories":266,"app":270},"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",[262,264],{"id":216,"label":217,"slug":218,"rank":81,"group":263},{"id":184,"label":185,"slug":186},{"id":188,"label":189,"slug":190,"rank":83,"group":265},{"id":78,"label":192,"slug":193},[267,268,269],{"id":201,"title":202,"slug":203},{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":271},[],{"family":273,"examples":274},"flows",[],{"family":276,"examples":277},"components",[],{"family":279,"examples":280},"pages",[],[282,284,286,288,290,293,296],{"label":283,"to":29},"Steel product screens",{"label":285,"to":38},"Steel marketing pages",{"label":287,"to":32},"Steel user flows",{"label":289,"to":35},"Steel UI components",{"label":291,"to":292},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":294,"to":295},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":297,"to":298},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"published_at":300,"updated_at":301},"2026-05-30T11:02:26.000Z","2026-09-13T13:02:39.000Z"]