[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fbrowserbase\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":48,"showcases":213,"links":214,"dates":233},"\u002Fexamples\u002Fapps\u002Fbrowserbase\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Browserbase UI components examples - Nicelydone","Browse Browserbase UI component design examples. Preview individual interface elements and explore related component categories. Give your agents access to…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F96e437fc-1bb2-4448-8d35-80c14decbdaf.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 UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Browserbase UI component design examples. Preview individual interface elements and explore related component categories. Give your agents access to the whole web.",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"categories":35},"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",[36,40,44],{"id":37,"title":38,"slug":39},48,"Developer Tools","developer-tools",{"id":41,"title":42,"slug":43},80,"Artificial Intelligence","artificial-intelligence",{"id":45,"title":46,"slug":47},37,"Developer APIs","developer-apis",[49,64,79,94,106,121,136,151,166,181,193,203],{"uuid":50,"title":51,"description":52,"canonical_path":4,"image":11,"width":53,"height":54,"image_alt":55,"kind":56,"categories":57,"app":62},"5fc27085-72ab-45fe-ae76-226fe89a17ba","Usage card","Displays account usage metrics with upgrade action",551,557,"Usage card from Browserbase","component",[58],{"id":59,"title":60,"slug":61},213,"Progress indicator","progress-indicator",{"slug":31,"title":30,"logo":33,"categories":63},[],{"uuid":65,"title":66,"description":67,"canonical_path":4,"image":68,"width":69,"height":70,"image_alt":71,"kind":56,"categories":72,"app":77},"e90cb538-444c-400c-863a-2cdbab76ac23","Time series analytics chart","Displays browser time and proxy data trends over time with toggleable series and interactive tooltip","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb4d21dd3-847a-4d90-abe8-d6e974394b73.png",2580,991,"Time series analytics chart from Browserbase",[73],{"id":74,"title":75,"slug":76},186,"Charts","charts",{"slug":31,"title":30,"logo":33,"categories":78},[],{"uuid":80,"title":81,"description":82,"canonical_path":4,"image":83,"width":84,"height":85,"image_alt":86,"kind":56,"categories":87,"app":92},"74a06872-281f-483c-afb3-89ca71dac1b7","Filter bar","Enables filtering sessions by status and ID in a list view","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0d878376-4c3b-41f1-9551-15bf77fd7537.png",914,195,"Filter bar from Browserbase",[88],{"id":89,"title":90,"slug":91},225,"Sorting & filtering","sorting-filtering",{"slug":31,"title":30,"logo":33,"categories":93},[],{"uuid":95,"title":96,"description":97,"canonical_path":4,"image":98,"width":99,"height":100,"image_alt":101,"kind":56,"categories":102,"app":104},"4c2e3b98-fab5-43ee-8714-46fe5973cd4f","Status Filter Dropdown","Multi-select dropdown for filtering sessions list by status","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe4b0fd0d-c281-4b14-b3cc-ee8d9376a7ec.png",750,518,"Status Filter Dropdown from Browserbase",[103],{"id":89,"title":90,"slug":91},{"slug":31,"title":30,"logo":33,"categories":105},[],{"uuid":107,"title":108,"description":109,"canonical_path":4,"image":110,"width":111,"height":112,"image_alt":113,"kind":56,"categories":114,"app":119},"62a08e30-9ac1-4728-9adc-dcb019258e86","Sessions Data Table","Filterable table displaying completed browser automation sessions with status, ID, timing and region columns","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fdf22dfe2-3ca8-4e1a-a1ba-f7d32717a8df.png",2489,501,"Sessions Data Table from Browserbase",[115],{"id":116,"title":117,"slug":118},248,"Table","table-2",{"slug":31,"title":30,"logo":33,"categories":120},[],{"uuid":122,"title":123,"description":124,"canonical_path":4,"image":125,"width":126,"height":127,"image_alt":128,"kind":56,"categories":129,"app":134},"dd487340-7d94-4153-b02d-373ca470f7ce","OTP Input Form","Captures 6-digit verification code sent to phone during signup","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F026cfb6f-ed4a-4043-ac6e-d387990dd55e.png",974,797,"OTP Input Form from Browserbase",[130],{"id":131,"title":132,"slug":133},288,"Input code","input-code",{"slug":31,"title":30,"logo":33,"categories":135},[],{"uuid":137,"title":138,"description":139,"canonical_path":4,"image":140,"width":141,"height":142,"image_alt":143,"kind":56,"categories":144,"app":149},"3afcbbf4-55f3-403f-95f6-10cb68d97caa","Phone number input","Captures user's phone number with integrated country code selector during signup","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F79a4cf33-7cfd-41d2-a32a-e209cc854b57.png",1128,437,"Phone number input from Browserbase",[145],{"id":146,"title":147,"slug":148},203,"Input phone number","input-phone-number",{"slug":31,"title":30,"logo":33,"categories":150},[],{"uuid":152,"title":153,"description":154,"canonical_path":4,"image":155,"width":156,"height":157,"image_alt":158,"kind":56,"categories":159,"app":164},"52cb67b6-db1d-4780-a2c8-6ca2241aa807","FAQ Accordion","Expandable list of frequently asked questions with detailed answers about product features","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F172eda06-3090-407a-8d57-59c509974698.png",2819,1777,"FAQ Accordion from Browserbase",[160],{"id":161,"title":162,"slug":163},189,"FAQ","faq",{"slug":31,"title":30,"logo":33,"categories":165},[],{"uuid":167,"title":168,"description":169,"canonical_path":4,"image":170,"width":171,"height":172,"image_alt":173,"kind":56,"categories":174,"app":179},"84fe2657-ebd0-4fd5-a138-bab5a74e2042","Testimonial cards","Displays four customer quotes with company logos to provide social proof on the pricing page.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb89eb0e3-2c75-486a-a793-a3363198d152.png",2769,1045,"Testimonial cards from Browserbase",[175],{"id":176,"title":177,"slug":178},232,"Testimonial","testimonial",{"slug":31,"title":30,"logo":33,"categories":180},[],{"uuid":182,"title":183,"description":184,"canonical_path":4,"image":185,"width":186,"height":187,"image_alt":188,"kind":56,"categories":189,"app":191},"4f93900f-1fd5-48e2-bca0-4592a6586383","Testimonial Quote","Displays a customer quote with highlighted key phrase and attribution on a pricing page","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa6b5e21d-00ee-42db-a1ec-106a571eaea1.png",2803,899,"Testimonial Quote from Browserbase",[190],{"id":176,"title":177,"slug":178},{"slug":31,"title":30,"logo":33,"categories":192},[],{"uuid":194,"title":153,"description":195,"canonical_path":4,"image":196,"width":197,"height":198,"image_alt":158,"kind":56,"categories":199,"app":201},"912b0369-fcf7-4dd7-84d1-521b7738ca10","Displays a list of frequently asked questions about the MCP server in a collapsible vertical format","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Faf18bb1e-3674-4576-8403-52aaa8111b40.png",2794,803,[200],{"id":161,"title":162,"slug":163},{"slug":31,"title":30,"logo":33,"categories":202},[],{"uuid":204,"title":183,"description":205,"canonical_path":4,"image":206,"width":207,"height":208,"image_alt":188,"kind":56,"categories":209,"app":211},"69bcc52b-8aa8-44a8-9889-d626aafd2f1f","Displays a customer quote highlighting product value and benefits","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F64be33a6-91d6-4bad-969a-8f8e32d6d94e.png",2763,846,[210],{"id":176,"title":177,"slug":178},{"slug":31,"title":30,"logo":33,"categories":212},[],[],[215,218,221,224,227,230],{"label":216,"to":217},"Browserbase product screens","\u002Fexamples\u002Fapps\u002Fbrowserbase\u002Fscreens",{"label":219,"to":220},"Browserbase marketing pages","\u002Fexamples\u002Fapps\u002Fbrowserbase\u002Fmarketing",{"label":222,"to":223},"Browserbase user flows","\u002Fexamples\u002Fapps\u002Fbrowserbase\u002Fflows",{"label":225,"to":226},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":228,"to":229},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":231,"to":232},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"published_at":234,"updated_at":235},"2026-06-04T21:44:35.000Z","2026-09-13T13:02:39.000Z"]