[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Flivekit\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":59,"showcases":198,"links":199,"dates":218},"\u002Fexamples\u002Fapps\u002Flivekit\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Livekit UI components examples - Nicelydone","Browse Livekit UI component design examples. Preview individual interface elements and explore related component categories. Build voice, video, and physical AI","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F390e99fb-d4f3-4164-bc33-9beecc63f044.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},"Livekit design examples","\u002Fexamples\u002Fapps\u002Flivekit",{"label":23,"to":4},"Livekit 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,"categories":34},"Livekit","livekit","Build voice, video, and physical AI","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fe61f12ad-e18b-4b1e-91fb-39d0e1ce98ce.png","https:\u002F\u002Flivekit.io",[35,39,43,47,51,55],{"id":36,"title":37,"slug":38},80,"Artificial Intelligence","artificial-intelligence",{"id":40,"title":41,"slug":42},37,"Developer APIs","developer-apis",{"id":44,"title":45,"slug":46},45,"Open Source","open-source",{"id":48,"title":49,"slug":50},48,"Developer Tools","developer-tools",{"id":52,"title":53,"slug":54},70,"Video streaming","video-streaming",{"id":56,"title":57,"slug":58},100,"Video","video",[60,75,83,96,105,118,131,143,153,166,176,189],{"uuid":61,"title":62,"description":63,"canonical_path":4,"image":11,"width":64,"height":65,"image_alt":66,"kind":67,"categories":68,"app":73},"be1ca27c-e6ec-440d-8fa2-42a6d8502ede","Livekit UI component","A user interface element for selecting the display theme, offering light, dark, and system options.",435,181,"UI component from Livekit","component",[69],{"id":70,"title":71,"slug":72},256,"Theme settings","theme-settings",{"slug":30,"title":29,"logo":32,"categories":74},[],{"uuid":76,"title":62,"description":77,"canonical_path":4,"image":78,"width":64,"height":65,"image_alt":66,"kind":67,"categories":79,"app":81},"1fe274f6-671a-40e3-b61e-fb6697e9298b","User interface element for theme selection with options for light, dark, and system modes.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9ed4f8a7-0f13-48e8-bd61-cc5a052a339b.png",[80],{"id":70,"title":71,"slug":72},{"slug":30,"title":29,"logo":32,"categories":82},[],{"uuid":84,"title":62,"description":85,"canonical_path":4,"image":86,"width":87,"height":88,"image_alt":66,"kind":67,"categories":89,"app":94},"e3823128-2ed3-4674-8650-e8042a1efac6","A dashboard displaying network bandwidth data with a line graph and summary cards for total upstream and downstream usage.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F65273b7b-9d31-4d3b-808a-aa511694376a.png",2701,929,[90],{"id":91,"title":92,"slug":93},186,"Charts","charts",{"slug":30,"title":29,"logo":32,"categories":95},[],{"uuid":97,"title":62,"description":98,"canonical_path":4,"image":99,"width":87,"height":100,"image_alt":66,"kind":67,"categories":101,"app":103},"859a9b84-6989-45a4-9507-23d3582056ab","A dashboard displaying connection success, platform usage, connection type, and participant minutes with data visualizations.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7c71d9de-c404-41b6-86f5-d5903c62b8a3.png",717,[102],{"id":91,"title":92,"slug":93},{"slug":30,"title":29,"logo":32,"categories":104},[],{"uuid":106,"title":62,"description":107,"canonical_path":4,"image":108,"width":109,"height":110,"image_alt":66,"kind":67,"categories":111,"app":116},"68945e03-b65e-4707-adf0-837276224b80","A list of checkboxes for managing participant permissions.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F80396ff0-6cd1-4d75-b821-639e87b7ffac.png",685,353,[112],{"id":113,"title":114,"slug":115},179,"Checkbox & radio","checkbox-radio",{"slug":30,"title":29,"logo":32,"categories":117},[],{"uuid":119,"title":62,"description":120,"canonical_path":4,"image":121,"width":122,"height":123,"image_alt":66,"kind":67,"categories":124,"app":129},"a1e2b8e7-bd22-4e0e-a07f-646b6ece814d","A user interface for an AI agent interaction, featuring a text input field, action buttons for call controls, and a prompt for user input.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F6a964fd8-06b7-4602-a749-009eb6a5c14e.png",1610,579,[125],{"id":126,"title":127,"slug":128},294,"Artificial intelligence","ai",{"slug":30,"title":29,"logo":32,"categories":130},[],{"uuid":132,"title":62,"description":133,"canonical_path":4,"image":134,"width":122,"height":135,"image_alt":66,"kind":67,"categories":136,"app":141},"f3335d09-8223-44cb-af40-9fe0224eda1a","A call interface with controls for audio, video, screen sharing, chat, and ending the call, along with a status message.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F12b2b1ba-3e34-41e9-b0e3-76c7299a91d7.png",460,[137],{"id":138,"title":139,"slug":140},170,"Audio player","audio-player",{"slug":30,"title":29,"logo":32,"categories":142},[],{"uuid":144,"title":62,"description":145,"canonical_path":4,"image":146,"width":147,"height":148,"image_alt":66,"kind":67,"categories":149,"app":151},"13bb750a-b8fe-44ff-8cb5-4e0a1b0e0143","A dark mode interface displaying options to enable capabilities such as camera, screen share, and chat, each with a checkbox.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F196a1fb2-b54f-4a65-9b92-fbb24cbf767a.png",1069,226,[150],{"id":113,"title":114,"slug":115},{"slug":30,"title":29,"logo":32,"categories":152},[],{"uuid":154,"title":62,"description":155,"canonical_path":4,"image":156,"width":157,"height":158,"image_alt":66,"kind":67,"categories":159,"app":164},"7aac9850-1844-4122-9868-38cf5c8e1356","A dark mode dashboard displaying a table of egresses with applied filters and an empty state message.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1d43d105-5a0d-4e52-9cfe-1eff45eee44e.png",2733,817,[160],{"id":161,"title":162,"slug":163},225,"Sorting & filtering","sorting-filtering",{"slug":30,"title":29,"logo":32,"categories":165},[],{"uuid":167,"title":62,"description":168,"canonical_path":4,"image":169,"width":170,"height":171,"image_alt":66,"kind":67,"categories":172,"app":174},"b4ad5345-e6d6-4b55-9c2e-ac5a468680b8","A nested dropdown menu for filtering data by status and other criteria.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1e10715b-fb46-43f3-832d-d2b8c9806b4f.png",757,623,[173],{"id":161,"title":162,"slug":163},{"slug":30,"title":29,"logo":32,"categories":175},[],{"uuid":177,"title":62,"description":178,"canonical_path":4,"image":179,"width":180,"height":181,"image_alt":66,"kind":67,"categories":182,"app":187},"54aff50e-1269-449d-bfe0-edf345ff7717","A code editor displaying a JSON file for SIP trunk configuration.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd06f01e8-c641-4692-9c6a-772ac5d2ab2c.png",1085,563,[183],{"id":184,"title":185,"slug":186},187,"Code block","code-block",{"slug":30,"title":29,"logo":32,"categories":188},[],{"uuid":190,"title":62,"description":191,"canonical_path":4,"image":192,"width":180,"height":193,"image_alt":66,"kind":67,"categories":194,"app":196},"02d5430a-538a-4ec3-bbf6-1b716fbcc376","A user interface element for selecting trunk direction, offering 'Inbound' and 'Outbound' options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F6e8b4bdd-2cb2-4d81-8881-d546a4d20206.png",234,[195],{"id":113,"title":114,"slug":115},{"slug":30,"title":29,"logo":32,"categories":197},[],[],[200,203,206,209,212,215],{"label":201,"to":202},"Livekit product screens","\u002Fexamples\u002Fapps\u002Flivekit\u002Fscreens",{"label":204,"to":205},"Livekit marketing pages","\u002Fexamples\u002Fapps\u002Flivekit\u002Fmarketing",{"label":207,"to":208},"Livekit user flows","\u002Fexamples\u002Fapps\u002Flivekit\u002Fflows",{"label":210,"to":211},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":213,"to":214},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"label":216,"to":217},"Open Source app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fopen-source",{"published_at":219,"updated_at":220},"2025-11-23T20:36:42.000Z","2026-09-13T13:02:39.000Z"]