[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fdyte\u002Fscreens":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":338,"links":339,"dates":400},"\u002Fexamples\u002Fapps\u002Fdyte\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Dyte product screens examples - Nicelydone","Browse Dyte screen design examples. Preview the interface screenshots and explore related UI patterns. Build powerful live experiences in your product","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4be3a79e-6feb-41b6-8e20-65ef5a3d33be.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 product screens 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},"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",[36,40,44,48],{"id":37,"title":38,"slug":39},70,"Video streaming","video-streaming",{"id":41,"title":42,"slug":43},37,"Developer APIs","developer-apis",{"id":45,"title":46,"slug":47},82,"Communication","communication",{"id":49,"title":50,"slug":51},100,"Video","video",[53,82,93,106,122,135,184,220,250,282,303,324],{"uuid":54,"title":55,"description":56,"canonical_path":4,"image":11,"width":57,"height":58,"image_alt":59,"kind":60,"patterns":61,"component_categories":75,"app":80},"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",[62,71],{"id":63,"label":64,"slug":65,"rank":66,"group":67},5,"Sign Up","sign-up",0,{"id":68,"label":69,"slug":70},1,"Access & Account","access-and-account",{"id":68,"label":72,"slug":73,"rank":68,"group":74},"Account Setup","account-setup",{"id":68,"label":69,"slug":70},[76],{"id":77,"title":78,"slug":79},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":81},[],{"uuid":83,"title":55,"description":84,"canonical_path":4,"image":85,"width":57,"height":58,"image_alt":59,"kind":60,"patterns":86,"component_categories":89,"app":91},"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",[87],{"id":63,"label":64,"slug":65,"rank":66,"group":88},{"id":68,"label":69,"slug":70},[90],{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":92},[],{"uuid":94,"title":55,"description":95,"canonical_path":4,"image":96,"width":57,"height":58,"image_alt":59,"kind":60,"patterns":97,"component_categories":102,"app":104},"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",[98,100],{"id":63,"label":64,"slug":65,"rank":66,"group":99},{"id":68,"label":69,"slug":70},{"id":68,"label":72,"slug":73,"rank":68,"group":101},{"id":68,"label":69,"slug":70},[103],{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":105},[],{"uuid":107,"title":108,"description":109,"canonical_path":4,"image":110,"width":57,"height":58,"image_alt":111,"kind":60,"patterns":112,"component_categories":118,"app":120},"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",[113],{"id":114,"label":115,"slug":116,"rank":66,"group":117},6,"Verification","verification",{"id":68,"label":69,"slug":70},[119],{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":121},[],{"uuid":123,"title":124,"description":125,"canonical_path":4,"image":126,"width":57,"height":58,"image_alt":127,"kind":60,"patterns":128,"component_categories":131,"app":133},"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",[129],{"id":68,"label":72,"slug":73,"rank":66,"group":130},{"id":68,"label":69,"slug":70},[132],{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":134},[],{"uuid":136,"title":124,"description":137,"canonical_path":4,"image":138,"width":57,"height":58,"image_alt":127,"kind":60,"patterns":139,"component_categories":168,"app":182},"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",[140,148,153,159],{"id":141,"label":142,"slug":143,"rank":66,"group":144},72,"Getting Started","getting-started",{"id":145,"label":146,"slug":147},7,"Onboarding & Education","onboarding-and-education",{"id":149,"label":150,"slug":151,"rank":68,"group":152},74,"Onboarding Checklist","onboarding-checklist",{"id":145,"label":146,"slug":147},{"id":154,"label":155,"slug":156,"rank":157,"group":158},77,"Welcome","welcome",2,{"id":145,"label":146,"slug":147},{"id":160,"label":161,"slug":162,"rank":163,"group":164},41,"Dashboard","dashboard",3,{"id":165,"label":166,"slug":167},4,"Data & Analysis","data-and-analysis",[169,173,177,181],{"id":170,"title":171,"slug":172},177,"Breadcrumb","breadcrumb",{"id":174,"title":175,"slug":176},227,"Stepper","stepper",{"id":178,"title":179,"slug":180},174,"Card","card",{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":183},[],{"uuid":185,"title":124,"description":186,"canonical_path":4,"image":187,"width":57,"height":58,"image_alt":127,"kind":60,"patterns":188,"component_categories":205,"app":218},"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",[189,194,201,203],{"id":190,"label":191,"slug":192,"rank":66,"group":193},75,"Setup Wizard","setup-wizard",{"id":145,"label":146,"slug":147},{"id":195,"label":196,"slug":197,"rank":68,"group":198},36,"Model Selection","model-selection",{"id":163,"label":199,"slug":200},"AI","ai",{"id":141,"label":142,"slug":143,"rank":157,"group":202},{"id":145,"label":146,"slug":147},{"id":149,"label":150,"slug":151,"rank":163,"group":204},{"id":145,"label":146,"slug":147},[206,210,211,215,216,217],{"id":207,"title":208,"slug":209},240,"Horizontal navigation","horizontal-navigation",{"id":170,"title":171,"slug":172},{"id":212,"title":213,"slug":214},284,"Modal","modal",{"id":174,"title":175,"slug":176},{"id":178,"title":179,"slug":180},{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":219},[],{"uuid":221,"title":124,"description":222,"canonical_path":4,"image":223,"width":57,"height":58,"image_alt":127,"kind":60,"patterns":224,"component_categories":244,"app":248},"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",[225,227,229,236],{"id":149,"label":150,"slug":151,"rank":66,"group":226},{"id":145,"label":146,"slug":147},{"id":141,"label":142,"slug":143,"rank":68,"group":228},{"id":145,"label":146,"slug":147},{"id":230,"label":231,"slug":232,"rank":157,"group":233},71,"Workspace Switcher","workspace-switcher",{"id":114,"label":234,"slug":235},"Navigation & Commands","navigation-and-commands",{"id":237,"label":238,"slug":239,"rank":163,"group":240},118,"Help","help",{"id":241,"label":242,"slug":243},12,"States & Feedback","states-and-feedback",[245,246,247],{"id":207,"title":208,"slug":209},{"id":174,"title":175,"slug":176},{"id":178,"title":179,"slug":180},{"slug":30,"title":29,"logo":32,"categories":249},[],{"uuid":251,"title":252,"description":253,"canonical_path":4,"image":254,"width":57,"height":58,"image_alt":255,"kind":60,"patterns":256,"component_categories":269,"app":280},"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",[257,264],{"id":258,"label":259,"slug":260,"rank":66,"group":261},52,"Call","call",{"id":63,"label":262,"slug":263},"Media & Tools","media-and-tools",{"id":265,"label":266,"slug":267,"rank":68,"group":268},58,"Media Editor","media-editor",{"id":63,"label":262,"slug":263},[270,274,278,279],{"id":271,"title":272,"slug":273},277,"Button group","button-group",{"id":275,"title":276,"slug":277},169,"Avatar","avatar",{"id":178,"title":179,"slug":180},{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":281},[],{"uuid":283,"title":252,"description":284,"canonical_path":4,"image":285,"width":57,"height":58,"image_alt":255,"kind":60,"patterns":286,"component_categories":294,"app":301},"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",[287,292],{"id":288,"label":289,"slug":290,"rank":66,"group":291},61,"Video Player","video-player",{"id":63,"label":262,"slug":263},{"id":258,"label":259,"slug":260,"rank":68,"group":293},{"id":63,"label":262,"slug":263},[295,299,300],{"id":296,"title":297,"slug":298},260,"Badge","badge",{"id":275,"title":276,"slug":277},{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":302},[],{"uuid":304,"title":252,"description":305,"canonical_path":4,"image":306,"width":57,"height":58,"image_alt":255,"kind":60,"patterns":307,"component_categories":320,"app":322},"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",[308,310,318],{"id":265,"label":266,"slug":267,"rank":66,"group":309},{"id":63,"label":262,"slug":263},{"id":311,"label":312,"slug":313,"rank":68,"group":314},102,"Settings","settings",{"id":315,"label":316,"slug":317},10,"Settings & Admin","settings-and-admin",{"id":288,"label":289,"slug":290,"rank":157,"group":319},{"id":63,"label":262,"slug":263},[321],{"id":212,"title":213,"slug":214},{"slug":30,"title":29,"logo":32,"categories":323},[],{"uuid":325,"title":252,"description":326,"canonical_path":4,"image":327,"width":57,"height":58,"image_alt":255,"kind":60,"patterns":328,"component_categories":333,"app":336},"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",[329,331],{"id":311,"label":312,"slug":313,"rank":66,"group":330},{"id":315,"label":316,"slug":317},{"id":265,"label":266,"slug":267,"rank":68,"group":332},{"id":63,"label":262,"slug":263},[334,335],{"id":212,"title":213,"slug":214},{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":337},[],[],[340,342,344,346,348,350,352,354,356,358,360,362,364,367,370,373,376,379,382,384,388,392,396],{"label":72,"to":341},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":142,"to":343},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":266,"to":345},"\u002Fexamples\u002Fscreens\u002Fmedia-editor",{"label":150,"to":347},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":64,"to":349},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":259,"to":351},"\u002Fexamples\u002Fscreens\u002Fcall",{"label":312,"to":353},"\u002Fexamples\u002Fscreens\u002Fsettings",{"label":289,"to":355},"\u002Fexamples\u002Fscreens\u002Fvideo-player",{"label":161,"to":357},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":238,"to":359},"\u002Fexamples\u002Fscreens\u002Fhelp",{"label":196,"to":361},"\u002Fexamples\u002Fscreens\u002Fmodel-selection",{"label":191,"to":363},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":365,"to":366},"Dyte marketing pages","\u002Fexamples\u002Fapps\u002Fdyte\u002Fmarketing",{"label":368,"to":369},"Dyte user flows","\u002Fexamples\u002Fapps\u002Fdyte\u002Fflows",{"label":371,"to":372},"Dyte UI components","\u002Fexamples\u002Fapps\u002Fdyte\u002Fcomponents",{"label":374,"to":375},"Video streaming app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fvideo-streaming",{"label":377,"to":378},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"label":380,"to":381},"Communication app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcommunication",{"label":383,"to":18},"All SaaS app examples",{"label":385,"to":386,"description":387},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":389,"to":390,"description":391},"SaaS marketing page examples","\u002Fexamples\u002Fpages","Browse real SaaS marketing pages grouped by page type, from landing pages to pricing and customer story pages.",{"label":393,"to":394,"description":395},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":397,"to":398,"description":399},"User flow examples from SaaS apps","\u002Fexamples\u002Fflows","Explore user flow examples for sign-up, onboarding, billing, and other SaaS tasks. Compare the order of screens and preview the opening steps from real apps.",{"published_at":401,"updated_at":402},"2023-12-03T10:13:56.000Z","2026-09-13T13:02:39.000Z"]