[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fscreens\u002F65e100fe-bd28-4e06-bb57-8ed95d4ae5c6":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"examples":26,"showcases":95,"links":96,"dates":107},"\u002Fexamples\u002Fscreens\u002F65e100fe-bd28-4e06-bb57-8ed95d4ae5c6","detail","screens",true,{"title":9,"description":10,"og_image":11},"Browserbase - Headless Web Browser API - Nicelydone","Screen UI design example from Browserbase. Settings page where the user views their current free plan usage limits, concurrency metrics, and past invoices…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F65e100fe-bd28-4e06-bb57-8ed95d4ae5c6.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS screen examples","\u002Fexamples\u002Fscreens",{"label":20,"to":4},"Browserbase - Headless Web Browser API",{"title":20,"eyebrow":22,"description":23,"sections":24,"body":25},"Screen design","Screen UI design example from Browserbase. Settings page where the user views their current free plan usage limits, concurrency metrics, and past invoices with options to upgrade or change plans.",[],[],[27],{"uuid":28,"title":20,"description":29,"canonical_path":30,"image":11,"width":31,"height":32,"image_alt":33,"published_at":34,"kind":35,"patterns":36,"component_categories":64,"app":77},"65e100fe-bd28-4e06-bb57-8ed95d4ae5c6","Settings page where the user views their current free plan usage limits, concurrency metrics, and past invoices with options to upgrade or change plans.","\u002Fexamples\u002Fapps\u002Fbrowserbase\u002Fscreens",3024,1758,"Browserbase - Headless Web Browser API from Browserbase","2026-06-16T18:57:03.000Z","screen",[37,46,55],{"id":38,"label":39,"slug":40,"rank":41,"group":42},96,"Billing Settings","billing-settings",0,{"id":43,"label":44,"slug":45},10,"Settings & Admin","settings-and-admin",{"id":47,"label":48,"slug":49,"rank":50,"group":51},49,"Usage","usage",1,{"id":52,"label":53,"slug":54},4,"Data & Analysis","data-and-analysis",{"id":56,"label":57,"slug":58,"rank":59,"group":60},89,"Pricing","pricing",2,{"id":61,"label":62,"slug":63},9,"Plans & Limits","plans-and-limits",[65,69,73],{"id":66,"title":67,"slug":68},175,"Button","button",{"id":70,"title":71,"slug":72},174,"Card","card",{"id":74,"title":75,"slug":76},260,"Badge","badge",{"slug":78,"title":79,"logo":80,"baseline":81,"categories":82},"browserbase","Browserbase","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F3a57506b-6fe4-4f0c-85bc-b70ea12d0216.png","Give your agents access to the whole web.",[83,87,91],{"id":84,"title":85,"slug":86},48,"Developer Tools","developer-tools",{"id":88,"title":89,"slug":90},80,"Artificial Intelligence","artificial-intelligence",{"id":92,"title":93,"slug":94},37,"Developer APIs","developer-apis",[],[97,99,101,103,105],{"label":39,"to":98},"\u002Fexamples\u002Fscreens\u002Fbilling-settings",{"label":57,"to":100},"\u002Fexamples\u002Fscreens\u002Fpricing",{"label":48,"to":102},"\u002Fexamples\u002Fscreens\u002Fusage",{"label":104,"to":30},"Browserbase screen designs",{"label":106,"to":18},"All screen examples",{"published_at":108,"updated_at":34},"2026-06-09T19:51:51.000Z"]