[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fdyte\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":53,"showcases":208,"links":209,"dates":228},"\u002Fexamples\u002Fapps\u002Fdyte\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Dyte UI components examples - Nicelydone","Browse Dyte UI component design examples. Preview individual interface elements and explore related component categories. Build powerful live experiences in…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc5012116-2b26-48cd-9303-9ffde584e8e0.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},"Dyte design examples","\u002Fexamples\u002Fapps\u002Fdyte",{"label":23,"to":4},"Dyte UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Dyte UI component design examples. Preview individual interface elements and explore related component categories. Build powerful live experiences in your product",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"twitter_username":35,"categories":36},"Dyte","dyte","Build powerful live experiences in your product","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdyte-eac67577.png","https:\u002F\u002Fdyte.io\u002F","https:\u002F\u002Ftwitter.com\u002Fdyte_io",[37,41,45,49],{"id":38,"title":39,"slug":40},70,"Video streaming","video-streaming",{"id":42,"title":43,"slug":44},37,"Developer APIs","developer-apis",{"id":46,"title":47,"slug":48},82,"Communication","communication",{"id":50,"title":51,"slug":52},100,"Video","video",[54,69,84,97,107,120,133,146,159,172,182,195],{"uuid":55,"title":56,"description":57,"canonical_path":4,"image":11,"width":58,"height":59,"image_alt":60,"kind":61,"categories":62,"app":67},"fca61728-3914-46c1-8cf1-06048acd7f49","Hero section with top navigation","A hero section featuring a prominent headline, subheadline, call-to-action buttons, and a product preview image, situated below a top navigation bar.",3024,1806,"Hero section with top navigation from Dyte","component",[63],{"id":64,"title":65,"slug":66},197,"Hero section","hero-section",{"slug":31,"title":30,"logo":33,"categories":68},[],{"uuid":70,"title":71,"description":72,"canonical_path":4,"image":73,"width":74,"height":75,"image_alt":76,"kind":61,"categories":77,"app":82},"18a048ee-0630-415f-8562-fe55a77b6f24","Dyte UI component","A blue line drawing of a robot","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7f2649a2-5583-4c9f-8f18-12c8527cecfd.png",565,915,"UI component from Dyte",[78],{"id":79,"title":80,"slug":81},278,"Illustration","illustration",{"slug":31,"title":30,"logo":33,"categories":83},[],{"uuid":85,"title":71,"description":86,"canonical_path":4,"image":87,"width":88,"height":89,"image_alt":76,"kind":61,"categories":90,"app":95},"619c7dcb-847d-4134-befd-b1841587dba4","A phone number input field with a country code dropdown.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F508b6878-be18-497c-8763-8e82a666380f.png",1024,253,[91],{"id":92,"title":93,"slug":94},203,"Input phone number","input-phone-number",{"slug":31,"title":30,"logo":33,"categories":96},[],{"uuid":98,"title":71,"description":99,"canonical_path":4,"image":100,"width":101,"height":102,"image_alt":76,"kind":61,"categories":103,"app":105},"972de594-4a15-4f18-b39a-bea7a15e66ae","An illustration of an invoice and a credit card.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F8f5e4b20-cd17-4b5d-b848-c21eeec2647d.png",556,510,[104],{"id":79,"title":80,"slug":81},{"slug":31,"title":30,"logo":33,"categories":106},[],{"uuid":108,"title":71,"description":109,"canonical_path":4,"image":110,"width":111,"height":112,"image_alt":76,"kind":61,"categories":113,"app":118},"86c3fec3-0086-4203-b4a4-7cdc929ba718","A modal with a toggle to accept requests to join a livestream.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0ff8b426-9fef-4435-be61-5c35076e4ee5.png",664,324,[114],{"id":115,"title":116,"slug":117},179,"Checkbox & radio","checkbox-radio",{"slug":31,"title":30,"logo":33,"categories":119},[],{"uuid":121,"title":71,"description":122,"canonical_path":4,"image":123,"width":124,"height":125,"image_alt":76,"kind":61,"categories":126,"app":131},"551881a1-2210-4dbc-8a89-e3a351feb318","A modal for a meeting type selection.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa181385c-b212-4938-ad8c-a4a5af30c0fd.png",1499,732,[127],{"id":128,"title":129,"slug":130},181,"Coachmark","coachmark",{"slug":31,"title":30,"logo":33,"categories":132},[],{"uuid":134,"title":71,"description":135,"canonical_path":4,"image":136,"width":137,"height":138,"image_alt":76,"kind":61,"categories":139,"app":144},"4437c7a2-ab13-487d-beec-bb31e9a1054d","A modal for setting up storage details.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fad430d33-9510-465a-b18f-c019efb552e8.png",1372,1294,[140],{"id":141,"title":142,"slug":143},243,"Form element","form-element",{"slug":31,"title":30,"logo":33,"categories":145},[],{"uuid":147,"title":71,"description":148,"canonical_path":4,"image":149,"width":150,"height":151,"image_alt":76,"kind":61,"categories":152,"app":157},"1456d1e1-fd66-4db9-9cb7-8fd9cc3c4b89","A table displaying meeting information.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F2e0f1804-a02e-45f9-8f07-6d98f0f779e9.png",2765,609,[153],{"id":154,"title":155,"slug":156},248,"Table","table-2",{"slug":31,"title":30,"logo":33,"categories":158},[],{"uuid":160,"title":71,"description":161,"canonical_path":4,"image":162,"width":163,"height":164,"image_alt":76,"kind":61,"categories":165,"app":170},"28d8459f-35b9-467c-a1c2-718398769088","A line chart showing daily usage over a period of time.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5fcf7540-de20-4de8-98b4-d366a8b5d369.png",2704,978,[166],{"id":167,"title":168,"slug":169},186,"Charts","charts",{"slug":31,"title":30,"logo":33,"categories":171},[],{"uuid":173,"title":71,"description":174,"canonical_path":4,"image":175,"width":176,"height":177,"image_alt":76,"kind":61,"categories":178,"app":180},"02921dca-4992-40a3-9dd1-1699acd58c8e","A modal for managing presets.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F6c17b3fa-e19e-4e7a-8cbd-2564b3725d4b.png",939,409,[179],{"id":128,"title":129,"slug":130},{"slug":31,"title":30,"logo":33,"categories":181},[],{"uuid":183,"title":71,"description":184,"canonical_path":4,"image":185,"width":186,"height":187,"image_alt":76,"kind":61,"categories":188,"app":193},"6e25d444-9aec-4fcd-a156-fbfde9c64b26","A modal with meeting options","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fba396e1c-04ec-496d-a2b3-32177d14945a.png",896,304,[189],{"id":190,"title":191,"slug":192},277,"Button group","button-group",{"slug":31,"title":30,"logo":33,"categories":194},[],{"uuid":196,"title":71,"description":197,"canonical_path":4,"image":198,"width":199,"height":200,"image_alt":76,"kind":61,"categories":201,"app":206},"fbef184f-e4ca-4326-91c6-e56544b61658","A toggle switch for notification sound settings.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F46f05b1b-e42e-4e06-8f09-1ab1f7af54b4.png",1022,176,[202],{"id":203,"title":204,"slug":205},236,"Toggle\u002FSwitch","toggle-switch",{"slug":31,"title":30,"logo":33,"categories":207},[],[],[210,213,216,219,222,225],{"label":211,"to":212},"Dyte product screens","\u002Fexamples\u002Fapps\u002Fdyte\u002Fscreens",{"label":214,"to":215},"Dyte marketing pages","\u002Fexamples\u002Fapps\u002Fdyte\u002Fmarketing",{"label":217,"to":218},"Dyte user flows","\u002Fexamples\u002Fapps\u002Fdyte\u002Fflows",{"label":220,"to":221},"Video streaming app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fvideo-streaming",{"label":223,"to":224},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"label":226,"to":227},"Communication app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcommunication",{"published_at":229,"updated_at":230},"2023-12-03T11:04:23.000Z","2026-09-26T00:10:33.000Z"]