[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fbrowserbase":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":59,"showcases":60,"links":308,"dates":326},"\u002Fexamples\u002Fapps\u002Fbrowserbase","detail","apps",true,{"title":9,"description":10,"og_image":11},"Browserbase design examples - Nicelydone","Explore Browserbase UI design examples. Give your agents access to the whole web.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5834e1f3-b75a-4795-9ac2-f34b4aa979c4.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Browserbase design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Browserbase",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fbrowserbase\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fbrowserbase\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Fbrowserbase\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Fbrowserbase\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"categories":46},"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",[47,51,55],{"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",[],[61,299,302,305],{"family":62,"examples":63},"screens",[64,97,116,129,140,173,189,203,217,230,259,280],{"uuid":65,"title":66,"description":67,"canonical_path":29,"image":11,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":72,"component_categories":90,"app":95},"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",[73,82],{"id":74,"label":75,"slug":76,"rank":77,"group":78},5,"Sign Up","sign-up",0,{"id":79,"label":80,"slug":81},1,"Access & Account","access-and-account",{"id":83,"label":84,"slug":85,"rank":79,"group":86},27,"AI Assistant","ai-assistant",{"id":87,"label":88,"slug":89},3,"AI","ai",[91],{"id":92,"title":93,"slug":94},175,"Button","button",{"slug":42,"title":41,"logo":44,"categories":96},[],{"uuid":98,"title":66,"description":99,"canonical_path":29,"image":100,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":101,"component_categories":112,"app":114},"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",[102,104],{"id":74,"label":75,"slug":76,"rank":77,"group":103},{"id":79,"label":80,"slug":81},{"id":105,"label":106,"slug":107,"rank":79,"group":108},42,"Form","form",{"id":109,"label":110,"slug":111},4,"Data & Analysis","data-and-analysis",[113],{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":115},[],{"uuid":117,"title":66,"description":118,"canonical_path":29,"image":119,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":120,"component_categories":125,"app":127},"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",[121,123],{"id":74,"label":75,"slug":76,"rank":77,"group":122},{"id":79,"label":80,"slug":81},{"id":105,"label":106,"slug":107,"rank":79,"group":124},{"id":109,"label":110,"slug":111},[126],{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":128},[],{"uuid":130,"title":66,"description":131,"canonical_path":29,"image":132,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":133,"component_categories":136,"app":138},"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",[134],{"id":74,"label":75,"slug":76,"rank":77,"group":135},{"id":79,"label":80,"slug":81},[137],{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":139},[],{"uuid":141,"title":66,"description":142,"canonical_path":29,"image":143,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":144,"component_categories":161,"app":171},"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",[145,150,152],{"id":146,"label":147,"slug":148,"rank":77,"group":149},6,"Verification","verification",{"id":79,"label":80,"slug":81},{"id":74,"label":75,"slug":76,"rank":79,"group":151},{"id":79,"label":80,"slug":81},{"id":153,"label":154,"slug":155,"rank":156,"group":157},114,"Confirmation","confirmation",2,{"id":158,"label":159,"slug":160},12,"States & Feedback","states-and-feedback",[162,166,170],{"id":163,"title":164,"slug":165},227,"Stepper","stepper",{"id":167,"title":168,"slug":169},284,"Modal","modal",{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":172},[],{"uuid":174,"title":66,"description":175,"canonical_path":29,"image":176,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":177,"component_categories":185,"app":187},"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",[178,180],{"id":74,"label":75,"slug":76,"rank":77,"group":179},{"id":79,"label":80,"slug":81},{"id":181,"label":182,"slug":183,"rank":79,"group":184},120,"Loading","loading",{"id":158,"label":159,"slug":160},[186],{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":188},[],{"uuid":190,"title":66,"description":191,"canonical_path":29,"image":192,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":193,"component_categories":198,"app":201},"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",[194,196],{"id":146,"label":147,"slug":148,"rank":77,"group":195},{"id":79,"label":80,"slug":81},{"id":74,"label":75,"slug":76,"rank":79,"group":197},{"id":79,"label":80,"slug":81},[199,200],{"id":167,"title":168,"slug":169},{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":202},[],{"uuid":204,"title":66,"description":205,"canonical_path":29,"image":206,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":207,"component_categories":212,"app":215},"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",[208,210],{"id":146,"label":147,"slug":148,"rank":77,"group":209},{"id":79,"label":80,"slug":81},{"id":74,"label":75,"slug":76,"rank":79,"group":211},{"id":79,"label":80,"slug":81},[213,214],{"id":167,"title":168,"slug":169},{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":216},[],{"uuid":218,"title":66,"description":219,"canonical_path":29,"image":220,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":221,"component_categories":226,"app":228},"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",[222,224],{"id":74,"label":75,"slug":76,"rank":77,"group":223},{"id":79,"label":80,"slug":81},{"id":181,"label":182,"slug":183,"rank":79,"group":225},{"id":158,"label":159,"slug":160},[227],{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":229},[],{"uuid":231,"title":66,"description":232,"canonical_path":29,"image":233,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":234,"component_categories":247,"app":257},"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",[235,242],{"id":236,"label":237,"slug":238,"rank":77,"group":239},53,"Code Editor","code-editor",{"id":74,"label":240,"slug":241},"Media & Tools","media-and-tools",{"id":243,"label":244,"slug":245,"rank":79,"group":246},29,"AI Editing","ai-editing",{"id":87,"label":88,"slug":89},[248,252,256],{"id":249,"title":250,"slug":251},260,"Badge","badge",{"id":253,"title":254,"slug":255},169,"Avatar","avatar",{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":258},[],{"uuid":260,"title":66,"description":261,"canonical_path":29,"image":262,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":263,"component_categories":271,"app":278},"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",[264,266],{"id":236,"label":237,"slug":238,"rank":77,"group":265},{"id":74,"label":240,"slug":241},{"id":267,"label":268,"slug":269,"rank":79,"group":270},30,"AI Generation","ai-generation",{"id":87,"label":88,"slug":89},[272,276,277],{"id":273,"title":274,"slug":275},277,"Button group","button-group",{"id":253,"title":254,"slug":255},{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":279},[],{"uuid":281,"title":66,"description":282,"canonical_path":29,"image":283,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":284,"component_categories":289,"app":297},"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",[285,287],{"id":236,"label":237,"slug":238,"rank":77,"group":286},{"id":74,"label":240,"slug":241},{"id":83,"label":84,"slug":85,"rank":79,"group":288},{"id":87,"label":88,"slug":89},[290,294,295,296],{"id":291,"title":292,"slug":293},233,"Tabs","tabs",{"id":249,"title":250,"slug":251},{"id":253,"title":254,"slug":255},{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":298},[],{"family":300,"examples":301},"flows",[],{"family":303,"examples":304},"components",[],{"family":306,"examples":307},"pages",[],[309,311,313,315,317,320,323],{"label":310,"to":29},"Browserbase product screens",{"label":312,"to":38},"Browserbase marketing pages",{"label":314,"to":32},"Browserbase user flows",{"label":316,"to":35},"Browserbase UI components",{"label":318,"to":319},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":321,"to":322},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":324,"to":325},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"published_at":327,"updated_at":328},"2026-06-04T21:44:35.000Z","2026-09-13T13:02:39.000Z"]