[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fdyte":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":64,"showcases":65,"links":363,"dates":381},"\u002Fexamples\u002Fapps\u002Fdyte","detail","apps",true,{"title":9,"description":10,"og_image":11},"Dyte design examples - Nicelydone","Explore Dyte UI design examples. Build powerful live experiences in your product","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4be3a79e-6feb-41b6-8e20-65ef5a3d33be.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Dyte design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Dyte",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fdyte\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fdyte\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Fdyte\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Fdyte\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"twitter_username":46,"categories":47},"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",[48,52,56,60],{"id":49,"title":50,"slug":51},70,"Video streaming","video-streaming",{"id":53,"title":54,"slug":55},37,"Developer APIs","developer-apis",{"id":57,"title":58,"slug":59},82,"Communication","communication",{"id":61,"title":62,"slug":63},100,"Video","video",[],[66,354,357,360],{"family":67,"examples":68},"screens",[69,98,109,122,138,151,200,236,266,298,319,340],{"uuid":70,"title":71,"description":72,"canonical_path":29,"image":11,"width":73,"height":74,"image_alt":75,"kind":76,"patterns":77,"component_categories":91,"app":96},"4be3a79e-6feb-41b6-8e20-65ef5a3d33be","Register Your Dyte Account","Signup screen where the user can create an account using Google, GitHub, or their work email to access a free tier.",3024,1718,"Register Your Dyte Account from Dyte","screen",[78,87],{"id":79,"label":80,"slug":81,"rank":82,"group":83},5,"Sign Up","sign-up",0,{"id":84,"label":85,"slug":86},1,"Access & Account","access-and-account",{"id":84,"label":88,"slug":89,"rank":84,"group":90},"Account Setup","account-setup",{"id":84,"label":85,"slug":86},[92],{"id":93,"title":94,"slug":95},175,"Button","button",{"slug":42,"title":41,"logo":44,"categories":97},[],{"uuid":99,"title":71,"description":100,"canonical_path":29,"image":101,"width":73,"height":74,"image_alt":75,"kind":76,"patterns":102,"component_categories":105,"app":107},"f6b3c6c3-248d-461f-b5ff-1200288792fd","Signup screen where the user enters their work email to create an account and claim a free minutes quota.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff6b3c6c3-248d-461f-b5ff-1200288792fd.png",[103],{"id":79,"label":80,"slug":81,"rank":82,"group":104},{"id":84,"label":85,"slug":86},[106],{"id":93,"title":94,"slug":95},{"slug":42,"title":41,"logo":44,"categories":108},[],{"uuid":110,"title":71,"description":111,"canonical_path":29,"image":112,"width":73,"height":74,"image_alt":75,"kind":76,"patterns":113,"component_categories":118,"app":120},"b164f931-34f7-4d57-84e2-5f79941a07de","Signup step where the user enters their first name, last name, and a secure password to complete account creation.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb164f931-34f7-4d57-84e2-5f79941a07de.png",[114,116],{"id":79,"label":80,"slug":81,"rank":82,"group":115},{"id":84,"label":85,"slug":86},{"id":84,"label":88,"slug":89,"rank":84,"group":117},{"id":84,"label":85,"slug":86},[119],{"id":93,"title":94,"slug":95},{"slug":42,"title":41,"logo":44,"categories":121},[],{"uuid":123,"title":124,"description":125,"canonical_path":29,"image":126,"width":73,"height":74,"image_alt":127,"kind":76,"patterns":128,"component_categories":134,"app":136},"9637fe02-43e0-48b2-9641-679ca8ee4d75","Verify your Dyte Account","Verification screen where the user enters a 6-digit OTP sent to their email to authenticate, with quick links to open Gmail or Outlook.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9637fe02-43e0-48b2-9641-679ca8ee4d75.png","Verify your Dyte Account from Dyte",[129],{"id":130,"label":131,"slug":132,"rank":82,"group":133},6,"Verification","verification",{"id":84,"label":85,"slug":86},[135],{"id":93,"title":94,"slug":95},{"slug":42,"title":41,"logo":44,"categories":137},[],{"uuid":139,"title":140,"description":141,"canonical_path":29,"image":142,"width":73,"height":74,"image_alt":143,"kind":76,"patterns":144,"component_categories":147,"app":149},"f89bc860-ad6d-47ee-850c-c510da8cc00b","Dyte - Developer Portal","Onboarding step where the user names their organization and provides a website URL to continue.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff89bc860-ad6d-47ee-850c-c510da8cc00b.png","Dyte - Developer Portal from Dyte",[145],{"id":84,"label":88,"slug":89,"rank":82,"group":146},{"id":84,"label":85,"slug":86},[148],{"id":93,"title":94,"slug":95},{"slug":42,"title":41,"logo":44,"categories":150},[],{"uuid":152,"title":140,"description":153,"canonical_path":29,"image":154,"width":73,"height":74,"image_alt":143,"kind":76,"patterns":155,"component_categories":184,"app":198},"f9781275-6555-4d62-bad3-8de227822000","Dashboard featuring a getting started checklist that prompts the user to select a product, join a meeting, and integrate APIs, alongside quick links to documentation.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff9781275-6555-4d62-bad3-8de227822000.png",[156,164,169,175],{"id":157,"label":158,"slug":159,"rank":82,"group":160},72,"Getting Started","getting-started",{"id":161,"label":162,"slug":163},7,"Onboarding & Education","onboarding-and-education",{"id":165,"label":166,"slug":167,"rank":84,"group":168},74,"Onboarding Checklist","onboarding-checklist",{"id":161,"label":162,"slug":163},{"id":170,"label":171,"slug":172,"rank":173,"group":174},77,"Welcome","welcome",2,{"id":161,"label":162,"slug":163},{"id":176,"label":177,"slug":178,"rank":179,"group":180},41,"Dashboard","dashboard",3,{"id":181,"label":182,"slug":183},4,"Data & Analysis","data-and-analysis",[185,189,193,197],{"id":186,"title":187,"slug":188},177,"Breadcrumb","breadcrumb",{"id":190,"title":191,"slug":192},227,"Stepper","stepper",{"id":194,"title":195,"slug":196},174,"Card","card",{"id":93,"title":94,"slug":95},{"slug":42,"title":41,"logo":44,"categories":199},[],{"uuid":201,"title":140,"description":202,"canonical_path":29,"image":203,"width":73,"height":74,"image_alt":143,"kind":76,"patterns":204,"component_categories":221,"app":234},"ef94c775-56ad-4e1f-8933-55bf7ffddbfd","Onboarding screen where the user selects the primary product they want to build, such as Live Video or Interactive Live Streaming, before proceeding to their checklist.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fef94c775-56ad-4e1f-8933-55bf7ffddbfd.png",[205,210,217,219],{"id":206,"label":207,"slug":208,"rank":82,"group":209},75,"Setup Wizard","setup-wizard",{"id":161,"label":162,"slug":163},{"id":211,"label":212,"slug":213,"rank":84,"group":214},36,"Model Selection","model-selection",{"id":179,"label":215,"slug":216},"AI","ai",{"id":157,"label":158,"slug":159,"rank":173,"group":218},{"id":161,"label":162,"slug":163},{"id":165,"label":166,"slug":167,"rank":179,"group":220},{"id":161,"label":162,"slug":163},[222,226,227,231,232,233],{"id":223,"title":224,"slug":225},240,"Horizontal navigation","horizontal-navigation",{"id":186,"title":187,"slug":188},{"id":228,"title":229,"slug":230},284,"Modal","modal",{"id":190,"title":191,"slug":192},{"id":194,"title":195,"slug":196},{"id":93,"title":94,"slug":95},{"slug":42,"title":41,"logo":44,"categories":235},[],{"uuid":237,"title":140,"description":238,"canonical_path":29,"image":239,"width":73,"height":74,"image_alt":143,"kind":76,"patterns":240,"component_categories":260,"app":264},"f5494902-36d9-441b-a7b6-0ea8721f83aa","Onboarding screen featuring a getting started checklist with steps to join a demo meeting and integrate APIs, alongside quick links to documentation and webhooks.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff5494902-36d9-441b-a7b6-0ea8721f83aa.png",[241,243,245,252],{"id":165,"label":166,"slug":167,"rank":82,"group":242},{"id":161,"label":162,"slug":163},{"id":157,"label":158,"slug":159,"rank":84,"group":244},{"id":161,"label":162,"slug":163},{"id":246,"label":247,"slug":248,"rank":173,"group":249},71,"Workspace Switcher","workspace-switcher",{"id":130,"label":250,"slug":251},"Navigation & Commands","navigation-and-commands",{"id":253,"label":254,"slug":255,"rank":179,"group":256},118,"Help","help",{"id":257,"label":258,"slug":259},12,"States & Feedback","states-and-feedback",[261,262,263],{"id":223,"title":224,"slug":225},{"id":190,"title":191,"slug":192},{"id":194,"title":195,"slug":196},{"slug":42,"title":41,"logo":44,"categories":265},[],{"uuid":267,"title":268,"description":269,"canonical_path":29,"image":270,"width":73,"height":74,"image_alt":271,"kind":76,"patterns":272,"component_categories":285,"app":296},"8516772e-bba3-4d08-a9cb-4d4e4a83efe0","Dyte Demo - The most developer friendly live video SDK","Pre-join screen for a video meeting where the user can preview their video, toggle their microphone and camera, and confirm their display name before joining.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8516772e-bba3-4d08-a9cb-4d4e4a83efe0.png","Dyte Demo - The most developer friendly live video SDK from Dyte",[273,280],{"id":274,"label":275,"slug":276,"rank":82,"group":277},52,"Call","call",{"id":79,"label":278,"slug":279},"Media & Tools","media-and-tools",{"id":281,"label":282,"slug":283,"rank":84,"group":284},58,"Media Editor","media-editor",{"id":79,"label":278,"slug":279},[286,290,294,295],{"id":287,"title":288,"slug":289},277,"Button group","button-group",{"id":291,"title":292,"slug":293},169,"Avatar","avatar",{"id":194,"title":195,"slug":196},{"id":93,"title":94,"slug":95},{"slug":42,"title":41,"logo":44,"categories":297},[],{"uuid":299,"title":268,"description":300,"canonical_path":29,"image":301,"width":73,"height":74,"image_alt":271,"kind":76,"patterns":302,"component_categories":310,"app":317},"8b99c9cd-15fd-4ce6-9dd1-90ff020c8801","Video meeting interface where the user is currently the only participant, featuring a central avatar and a bottom toolbar with controls for audio, video, screen sharing, and chat.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8b99c9cd-15fd-4ce6-9dd1-90ff020c8801.png",[303,308],{"id":304,"label":305,"slug":306,"rank":82,"group":307},61,"Video Player","video-player",{"id":79,"label":278,"slug":279},{"id":274,"label":275,"slug":276,"rank":84,"group":309},{"id":79,"label":278,"slug":279},[311,315,316],{"id":312,"title":313,"slug":314},260,"Badge","badge",{"id":291,"title":292,"slug":293},{"id":93,"title":94,"slug":95},{"slug":42,"title":41,"logo":44,"categories":318},[],{"uuid":320,"title":268,"description":321,"canonical_path":29,"image":322,"width":73,"height":74,"image_alt":271,"kind":76,"patterns":323,"component_categories":336,"app":338},"44314238-13b4-4e43-9cd0-db2456901ca8","Settings modal where the user configures their video input device and toggles video mirroring.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F44314238-13b4-4e43-9cd0-db2456901ca8.png",[324,326,334],{"id":281,"label":282,"slug":283,"rank":82,"group":325},{"id":79,"label":278,"slug":279},{"id":327,"label":328,"slug":329,"rank":84,"group":330},102,"Settings","settings",{"id":331,"label":332,"slug":333},10,"Settings & Admin","settings-and-admin",{"id":304,"label":305,"slug":306,"rank":173,"group":335},{"id":79,"label":278,"slug":279},[337],{"id":228,"title":229,"slug":230},{"slug":42,"title":41,"logo":44,"categories":339},[],{"uuid":341,"title":268,"description":342,"canonical_path":29,"image":343,"width":73,"height":74,"image_alt":271,"kind":76,"patterns":344,"component_categories":349,"app":352},"b8b3d64c-cf3f-4c03-8f4e-b0c31b1878b3","Settings modal where the user configures their audio input and output devices and toggles notification sounds for a video meeting.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb8b3d64c-cf3f-4c03-8f4e-b0c31b1878b3.png",[345,347],{"id":327,"label":328,"slug":329,"rank":82,"group":346},{"id":331,"label":332,"slug":333},{"id":281,"label":282,"slug":283,"rank":84,"group":348},{"id":79,"label":278,"slug":279},[350,351],{"id":228,"title":229,"slug":230},{"id":93,"title":94,"slug":95},{"slug":42,"title":41,"logo":44,"categories":353},[],{"family":355,"examples":356},"flows",[],{"family":358,"examples":359},"components",[],{"family":361,"examples":362},"pages",[],[364,366,368,370,372,375,378],{"label":365,"to":29},"Dyte product screens",{"label":367,"to":38},"Dyte marketing pages",{"label":369,"to":32},"Dyte user flows",{"label":371,"to":35},"Dyte UI components",{"label":373,"to":374},"Video streaming app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fvideo-streaming",{"label":376,"to":377},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"label":379,"to":380},"Communication app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcommunication",{"published_at":382,"updated_at":383},"2023-12-03T10:13:55.000Z","2026-09-26T00:10:33.000Z"]