[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fbraintrust\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":52,"showcases":229,"links":230,"dates":249},"\u002Fexamples\u002Fapps\u002Fbraintrust\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Braintrust UI components examples - Nicelydone","Browse Braintrust UI component design examples. Preview individual interface elements and explore related component categories. Ship LLM products that work","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F04f76112-8f5e-4ccc-95fe-c0f2dcc607ab.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},"Braintrust design examples","\u002Fexamples\u002Fapps\u002Fbraintrust",{"label":23,"to":4},"Braintrust UI components examples",{"title":23,"eyebrow":25,"description":10,"sections":26,"body":27},"SaaS app examples",[],[],{"title":29,"slug":30,"description":31,"logo":32,"url":33,"twitter_username":34,"categories":35},"Braintrust","braintrust","Ship LLM products that work","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fbraintrust-d86c86ag.png","https:\u002F\u002Fwww.braintrust.dev\u002F","braintrustdata",[36,40,44,48],{"id":37,"title":38,"slug":39},37,"Developer APIs","developer-apis",{"id":41,"title":42,"slug":43},80,"Artificial Intelligence","artificial-intelligence",{"id":45,"title":46,"slug":47},16,"Monitoring","monitoring",{"id":49,"title":50,"slug":51},48,"Developer Tools","developer-tools",[53,68,83,98,113,128,143,158,173,185,199,214],{"uuid":54,"title":55,"description":56,"canonical_path":4,"image":11,"width":57,"height":58,"image_alt":59,"kind":60,"categories":61,"app":66},"492eca0e-f2db-4efe-ab2d-21adba3f848a","Appearance toggle group","A horizontal toggle group for selecting the application's appearance theme, with options for Light, Dark, and System.",896,254,"Appearance toggle group from Braintrust","component",[62],{"id":63,"title":64,"slug":65},256,"Theme settings","theme-settings",{"slug":30,"title":29,"logo":32,"categories":67},[],{"uuid":69,"title":70,"description":71,"canonical_path":4,"image":72,"width":73,"height":74,"image_alt":75,"kind":60,"categories":76,"app":81},"1f328c2b-8745-49ff-acd5-c2818e04ce5e","Score options builder","A list of configurable score options, each with thumbs up\u002Fdown toggles, a text label, a percentage value, a delete button, and a drag handle. A button below allows adding new options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1502b07c-85b1-40db-b327-c864f5369356.png",1285,616,"Score options builder from Braintrust",[77],{"id":78,"title":79,"slug":80},251,"Reorder","reorder",{"slug":30,"title":29,"logo":32,"categories":82},[],{"uuid":84,"title":85,"description":86,"canonical_path":4,"image":87,"width":88,"height":89,"image_alt":90,"kind":60,"categories":91,"app":96},"45bc239e-e155-4286-9525-c8f79359a1fe","Card radio group","A radio group using large selectable cards instead of standard radio buttons, allowing the user to choose between 'Options' and 'Slider' score types.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F41795192-4ec4-4e80-aa95-c9eae7f47890.png",1308,428,"Card radio group from Braintrust",[92],{"id":93,"title":94,"slug":95},179,"Checkbox & radio","checkbox-radio",{"slug":30,"title":29,"logo":32,"categories":97},[],{"uuid":99,"title":100,"description":101,"canonical_path":4,"image":102,"width":103,"height":104,"image_alt":105,"kind":60,"categories":106,"app":111},"66ec5469-4004-4eda-b56f-79991d03302d","Latency Line Chart","A line chart displaying latency metrics over time, featuring a single prominent spike. It includes a title with an icon, a settings button, and a legend for P50 and P95 percentiles.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1efd4e6a-4f9e-4795-ac1d-4b2e0f976e99.png",1720,744,"Latency Line Chart from Braintrust",[107],{"id":108,"title":109,"slug":110},186,"Charts","charts",{"slug":30,"title":29,"logo":32,"categories":112},[],{"uuid":114,"title":115,"description":116,"canonical_path":4,"image":117,"width":118,"height":119,"image_alt":120,"kind":60,"categories":121,"app":126},"84323a5a-0070-4ba1-ba86-bb584257d101","Logs data table","A dense data table displaying execution logs with columns for Name, Input, Output, Expected, Tags, Duration, and token usage metrics. A toolbar above the table provides controls for row selection, column visibility, filtering, and row height.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F169354ef-6c41-4ec5-b568-1655cc8b0465.png",3248,1218,"Logs data table from Braintrust",[122],{"id":123,"title":124,"slug":125},248,"Table","table-2",{"slug":30,"title":29,"logo":32,"categories":127},[],{"uuid":129,"title":130,"description":131,"canonical_path":4,"image":132,"width":133,"height":134,"image_alt":135,"kind":60,"categories":136,"app":141},"96e534cb-d7b6-4957-8475-71cd4ea9a311","Activity Timeline","A vertical timeline showing a history of prompt updates, with a text input field at the top to leave a comment.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc0bb1150-4d8b-4473-868e-a5af97d5cfbe.png",1724,1696,"Activity Timeline from Braintrust",[137],{"id":138,"title":139,"slug":140},249,"Timeline & history","timeline-history",{"slug":30,"title":29,"logo":32,"categories":142},[],{"uuid":144,"title":145,"description":146,"canonical_path":4,"image":147,"width":148,"height":149,"image_alt":150,"kind":60,"categories":151,"app":156},"4ff5e660-e4f4-435f-a244-ba3c07f73749","Library Header and Filters","A page header with horizontal tabs for navigating library sections, followed by active filter tags and a toolbar for managing views and columns.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F35057e81-1b72-4411-adf8-85125063559d.png",1086,436,"Library Header and Filters from Braintrust",[152],{"id":153,"title":154,"slug":155},225,"Sorting & filtering","sorting-filtering",{"slug":30,"title":29,"logo":32,"categories":157},[],{"uuid":159,"title":160,"description":161,"canonical_path":4,"image":162,"width":163,"height":164,"image_alt":165,"kind":60,"categories":166,"app":171},"5506b128-c448-45a8-a7c6-173839094546","Library Header with Tabs and Filters","A page header for a Library section featuring a title, a row of tabs with icons for navigation, and a toolbar with filter and column controls.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff1423319-e923-4c18-84dc-3908ad504fd5.png",964,364,"Library Header with Tabs and Filters from Braintrust",[167],{"id":168,"title":169,"slug":170},233,"Tabs","tabs",{"slug":30,"title":29,"logo":32,"categories":172},[],{"uuid":174,"title":175,"description":176,"canonical_path":4,"image":177,"width":178,"height":179,"image_alt":180,"kind":60,"categories":181,"app":183},"c74c392e-9aba-4140-9b96-2c61c97b285f","Dataset header and toolbar","A page header with a back button and title, followed by a toolbar containing an active filter tag and several utility buttons for managing table views and data.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fcbc75656-1d42-40ca-92f0-65c933360c92.png",2012,299,"Dataset header and toolbar from Braintrust",[182],{"id":153,"title":154,"slug":155},{"slug":30,"title":29,"logo":32,"categories":184},[],{"uuid":186,"title":187,"description":188,"canonical_path":4,"image":189,"width":88,"height":190,"image_alt":191,"kind":60,"categories":192,"app":197},"5b1dfb84-1ed9-4d10-8f83-052511d7a763","Create Tag Modal","A modal dialog for creating a new tag. It includes a text input for the tag name, a color picker with a row of swatches, a textarea for an optional description, and a 'Create' button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F452300c7-70fa-4e90-ad36-6abe4d675ea6.png",812,"Create Tag Modal from Braintrust",[193],{"id":194,"title":195,"slug":196},183,"Color picker","color-picker",{"slug":30,"title":29,"logo":32,"categories":198},[],{"uuid":200,"title":201,"description":202,"canonical_path":4,"image":203,"width":204,"height":205,"image_alt":206,"kind":60,"categories":207,"app":212},"deb5dd5d-4fc5-4fc6-96b6-53233699364d","Tag creation combobox","A combobox overlay allowing users to search for or create tags. The user has typed 'Double Bedroom', and the menu offers an option to create this new tag, along with a link to manage project tags and a helper text note.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fdf933b21-d0f9-4468-a893-e331e9471dac.png",635,464,"Tag creation combobox from Braintrust",[208],{"id":209,"title":210,"slug":211},190,"Dropdown menu","dropdown-menu",{"slug":30,"title":29,"logo":32,"categories":213},[],{"uuid":215,"title":216,"description":217,"canonical_path":4,"image":218,"width":219,"height":220,"image_alt":221,"kind":60,"categories":222,"app":227},"339cdaf9-7677-498b-a3e9-8b379f64bdb0","Import Progress Toast","A toast notification displaying the progress of a CSV data import. It includes a loading spinner, a title, a progress bar, and a status message indicating the number of rows imported and a warning not to refresh the page.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F87eb2997-05c8-4902-9684-2deda18fe9a9.png",876,374,"Import Progress Toast from Braintrust",[223],{"id":224,"title":225,"slug":226},213,"Progress indicator","progress-indicator",{"slug":30,"title":29,"logo":32,"categories":228},[],[],[231,234,237,240,243,246],{"label":232,"to":233},"Braintrust product screens","\u002Fexamples\u002Fapps\u002Fbraintrust\u002Fscreens",{"label":235,"to":236},"Braintrust marketing pages","\u002Fexamples\u002Fapps\u002Fbraintrust\u002Fmarketing",{"label":238,"to":239},"Braintrust user flows","\u002Fexamples\u002Fapps\u002Fbraintrust\u002Fflows",{"label":241,"to":242},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"label":244,"to":245},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":247,"to":248},"Monitoring app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmonitoring",{"published_at":250,"updated_at":251},"2024-12-15T15:24:53.000Z","2026-09-13T13:02:39.000Z"]