[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fbrowserbase\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":47,"showcases":283,"links":284,"dates":312},"\u002Fexamples\u002Fapps\u002Fbrowserbase\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Browserbase product screens examples - Nicelydone","Browse Browserbase screen design examples. Preview the interface screenshots and explore related UI patterns. Give your agents access to the whole web.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5834e1f3-b75a-4795-9ac2-f34b4aa979c4.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},"Browserbase design examples","\u002Fexamples\u002Fapps\u002Fbrowserbase",{"label":23,"to":4},"Browserbase 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},"Browserbase","browserbase","Give your agents access to the whole web.","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F3a57506b-6fe4-4f0c-85bc-b70ea12d0216.png","https:\u002F\u002Fwww.browserbase.com\u002F",[35,39,43],{"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",[48,81,100,113,124,157,173,187,201,214,243,264],{"uuid":49,"title":50,"description":51,"canonical_path":4,"image":11,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":56,"component_categories":74,"app":79},"5834e1f3-b75a-4795-9ac2-f34b4aa979c4","Browserbase - Headless Web Browser API","Signup page where the user creates an account by providing their email, phone number, and password, alongside an illustration promoting web agents.",3024,1758,"Browserbase - Headless Web Browser API from Browserbase","screen",[57,66],{"id":58,"label":59,"slug":60,"rank":61,"group":62},5,"Sign Up","sign-up",0,{"id":63,"label":64,"slug":65},1,"Access & Account","access-and-account",{"id":67,"label":68,"slug":69,"rank":63,"group":70},27,"AI Assistant","ai-assistant",{"id":71,"label":72,"slug":73},3,"AI","ai",[75],{"id":76,"title":77,"slug":78},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":80},[],{"uuid":82,"title":50,"description":83,"canonical_path":4,"image":84,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":85,"component_categories":96,"app":98},"d500a2bb-2dab-4f59-b2b5-baba56067370","Signup page where the user creates an account with email, phone number, and password, alongside a decorative illustration.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd500a2bb-2dab-4f59-b2b5-baba56067370.png",[86,88],{"id":58,"label":59,"slug":60,"rank":61,"group":87},{"id":63,"label":64,"slug":65},{"id":89,"label":90,"slug":91,"rank":63,"group":92},42,"Form","form",{"id":93,"label":94,"slug":95},4,"Data & Analysis","data-and-analysis",[97],{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":99},[],{"uuid":101,"title":50,"description":102,"canonical_path":4,"image":103,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":104,"component_categories":109,"app":111},"7dd0311d-69a2-46b0-b810-e307e397f470","Signup page where the user creates an account by providing their email, phone number with country code, and a password.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7dd0311d-69a2-46b0-b810-e307e397f470.png",[105,107],{"id":58,"label":59,"slug":60,"rank":61,"group":106},{"id":63,"label":64,"slug":65},{"id":89,"label":90,"slug":91,"rank":63,"group":108},{"id":93,"label":94,"slug":95},[110],{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":112},[],{"uuid":114,"title":50,"description":115,"canonical_path":4,"image":116,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":117,"component_categories":120,"app":122},"cf1ecba8-e7c6-4bb1-88dd-2e012d1a71ae","Signup page where the user creates an account using their email, phone number, and password, alongside a feature illustration.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcf1ecba8-e7c6-4bb1-88dd-2e012d1a71ae.png",[118],{"id":58,"label":59,"slug":60,"rank":61,"group":119},{"id":63,"label":64,"slug":65},[121],{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":123},[],{"uuid":125,"title":50,"description":126,"canonical_path":4,"image":127,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":128,"component_categories":145,"app":155},"4af513b5-b864-4eb4-8d5b-52f93b79989a","Verification step during a multi-step signup flow where the user enters a 6-digit code sent to their phone to continue.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4af513b5-b864-4eb4-8d5b-52f93b79989a.png",[129,134,136],{"id":130,"label":131,"slug":132,"rank":61,"group":133},6,"Verification","verification",{"id":63,"label":64,"slug":65},{"id":58,"label":59,"slug":60,"rank":63,"group":135},{"id":63,"label":64,"slug":65},{"id":137,"label":138,"slug":139,"rank":140,"group":141},114,"Confirmation","confirmation",2,{"id":142,"label":143,"slug":144},12,"States & Feedback","states-and-feedback",[146,150,154],{"id":147,"title":148,"slug":149},227,"Stepper","stepper",{"id":151,"title":152,"slug":153},284,"Modal","modal",{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":156},[],{"uuid":158,"title":50,"description":159,"canonical_path":4,"image":160,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":161,"component_categories":169,"app":171},"ee8e220c-ed04-44c2-adb3-62521f18fee3","Signup page where the user creates an account using their email, phone number, and password, currently showing a loading state upon submission.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fee8e220c-ed04-44c2-adb3-62521f18fee3.png",[162,164],{"id":58,"label":59,"slug":60,"rank":61,"group":163},{"id":63,"label":64,"slug":65},{"id":165,"label":166,"slug":167,"rank":63,"group":168},120,"Loading","loading",{"id":142,"label":143,"slug":144},[170],{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":172},[],{"uuid":174,"title":50,"description":175,"canonical_path":4,"image":176,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":177,"component_categories":182,"app":185},"14bbfcdb-caec-4aae-b531-a90131fa018c","Signup step where the user enters a 6-digit code sent to their phone number to verify their identity.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F14bbfcdb-caec-4aae-b531-a90131fa018c.png",[178,180],{"id":130,"label":131,"slug":132,"rank":61,"group":179},{"id":63,"label":64,"slug":65},{"id":58,"label":59,"slug":60,"rank":63,"group":181},{"id":63,"label":64,"slug":65},[183,184],{"id":151,"title":152,"slug":153},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":186},[],{"uuid":188,"title":50,"description":189,"canonical_path":4,"image":190,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":191,"component_categories":196,"app":199},"3dfd7bb8-58e1-41d6-8e94-b6f636e0dd17","Email verification step during a multi-step signup flow where the user enters a 6-digit code sent to their inbox.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3dfd7bb8-58e1-41d6-8e94-b6f636e0dd17.png",[192,194],{"id":130,"label":131,"slug":132,"rank":61,"group":193},{"id":63,"label":64,"slug":65},{"id":58,"label":59,"slug":60,"rank":63,"group":195},{"id":63,"label":64,"slug":65},[197,198],{"id":151,"title":152,"slug":153},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":200},[],{"uuid":202,"title":50,"description":203,"canonical_path":4,"image":204,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":205,"component_categories":210,"app":212},"35355714-a10d-4a38-8aae-9f41a004a411","Signup page where the user is in a loading state while authenticating, featuring a pixel-art illustration and a prompt about giving agents the whole web.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F35355714-a10d-4a38-8aae-9f41a004a411.png",[206,208],{"id":58,"label":59,"slug":60,"rank":61,"group":207},{"id":63,"label":64,"slug":65},{"id":165,"label":166,"slug":167,"rank":63,"group":209},{"id":142,"label":143,"slug":144},[211],{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":213},[],{"uuid":215,"title":50,"description":216,"canonical_path":4,"image":217,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":218,"component_categories":231,"app":241},"10e8b24a-ca71-4850-94bb-f636fc612b90","Code editor playground where the user writes, configures, and runs Playwright or Stagehand scripts to automate browser tasks.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F10e8b24a-ca71-4850-94bb-f636fc612b90.png",[219,226],{"id":220,"label":221,"slug":222,"rank":61,"group":223},53,"Code Editor","code-editor",{"id":58,"label":224,"slug":225},"Media & Tools","media-and-tools",{"id":227,"label":228,"slug":229,"rank":63,"group":230},29,"AI Editing","ai-editing",{"id":71,"label":72,"slug":73},[232,236,240],{"id":233,"title":234,"slug":235},260,"Badge","badge",{"id":237,"title":238,"slug":239},169,"Avatar","avatar",{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":242},[],{"uuid":244,"title":50,"description":245,"canonical_path":4,"image":246,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":247,"component_categories":255,"app":262},"b8109eac-1ce4-44ed-8650-e89daa97ca79","Code editor playground where the user writes, configures, and runs Playwright or Stagehand scripts.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb8109eac-1ce4-44ed-8650-e89daa97ca79.png",[248,250],{"id":220,"label":221,"slug":222,"rank":61,"group":249},{"id":58,"label":224,"slug":225},{"id":251,"label":252,"slug":253,"rank":63,"group":254},30,"AI Generation","ai-generation",{"id":71,"label":72,"slug":73},[256,260,261],{"id":257,"title":258,"slug":259},277,"Button group","button-group",{"id":237,"title":238,"slug":239},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":263},[],{"uuid":265,"title":50,"description":266,"canonical_path":4,"image":267,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":268,"component_categories":273,"app":281},"611b7e80-0def-4921-9290-22bc545503b2","Code editor playground where the user runs Playwright or Stagehand scripts with a live console and browser preview.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F611b7e80-0def-4921-9290-22bc545503b2.png",[269,271],{"id":220,"label":221,"slug":222,"rank":61,"group":270},{"id":58,"label":224,"slug":225},{"id":67,"label":68,"slug":69,"rank":63,"group":272},{"id":71,"label":72,"slug":73},[274,278,279,280],{"id":275,"title":276,"slug":277},233,"Tabs","tabs",{"id":233,"title":234,"slug":235},{"id":237,"title":238,"slug":239},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":282},[],[],[285,287,289,291,293,295,297,299,301,303,306,309],{"label":59,"to":286},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":221,"to":288},"\u002Fexamples\u002Fscreens\u002Fcode-editor",{"label":131,"to":290},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":68,"to":292},"\u002Fexamples\u002Fscreens\u002Fai-assistant",{"label":90,"to":294,"count":140},"\u002Fexamples\u002Fscreens\u002Fform",{"label":166,"to":296,"count":140},"\u002Fexamples\u002Fscreens\u002Floading",{"label":228,"to":298,"count":63},"\u002Fexamples\u002Fscreens\u002Fai-editing",{"label":252,"to":300,"count":63},"\u002Fexamples\u002Fscreens\u002Fai-generation",{"label":138,"to":302,"count":63},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":304,"to":305},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":307,"to":308},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":310,"to":311},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"published_at":313,"updated_at":314},"2026-06-04T21:44:35.000Z","2026-09-13T13:02:39.000Z"]