[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Flivekit\u002Fscreens":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":285,"links":286,"dates":314},"\u002Fexamples\u002Fapps\u002Flivekit\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Livekit product screens examples - Nicelydone","Browse Livekit screen design examples. Preview the interface screenshots and explore related UI patterns. Build voice, video, and physical AI","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Feaa7b6d6-3f4b-4350-a06c-7c6f3eeb642c.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 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,"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,85,97,116,127,146,160,195,222,242,255,270],{"uuid":61,"title":62,"description":63,"canonical_path":4,"image":11,"width":64,"height":65,"image_alt":66,"kind":67,"patterns":68,"component_categories":78,"app":83},"eaa7b6d6-3f4b-4350-a06c-7c6f3eeb642c","Sign in | LiveKit Cloud","Sign-in and registration screen where the user can authenticate via Google, GitHub, SSO, or a magic email link, alongside a map showing active server regions and uptime metrics.",3024,1822,"Sign in | LiveKit Cloud from Livekit","screen",[69],{"id":70,"label":71,"slug":72,"rank":73,"group":74},4,"Sign In","sign-in",0,{"id":75,"label":76,"slug":77},1,"Access & Account","access-and-account",[79],{"id":80,"title":81,"slug":82},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":84},[],{"uuid":86,"title":62,"description":87,"canonical_path":4,"image":88,"width":64,"height":89,"image_alt":66,"kind":67,"patterns":90,"component_categories":93,"app":95},"12f9d587-e594-4ff6-add9-75b577f59f9b","Sign-in and registration page where the user can authenticate via Google, GitHub, SSO, or request a magic link via email, alongside a global network map visualization.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F12f9d587-e594-4ff6-add9-75b577f59f9b.png",1780,[91],{"id":70,"label":71,"slug":72,"rank":73,"group":92},{"id":75,"label":76,"slug":77},[94],{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":96},[],{"uuid":98,"title":62,"description":99,"canonical_path":4,"image":100,"width":64,"height":89,"image_alt":66,"kind":67,"patterns":101,"component_categories":112,"app":114},"25906c90-1ddf-4f60-948a-8456a49fc005","Signin screen where the user authenticates with Google, GitHub, SSO, or email, featuring a live global infrastructure map.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F25906c90-1ddf-4f60-948a-8456a49fc005.png",[102,104],{"id":70,"label":71,"slug":72,"rank":73,"group":103},{"id":75,"label":76,"slug":77},{"id":105,"label":106,"slug":107,"rank":75,"group":108},32,"AI Search","ai-search",{"id":109,"label":110,"slug":111},3,"AI","ai",[113],{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":115},[],{"uuid":117,"title":62,"description":118,"canonical_path":4,"image":119,"width":64,"height":65,"image_alt":66,"kind":67,"patterns":120,"component_categories":123,"app":125},"3eefded2-2581-43a3-a67f-7dbe2f7707b6","Authentication screen where the user can sign in or sign up via Google, GitHub, SSO, or an email magic link, alongside a live global network map showing region uptime.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3eefded2-2581-43a3-a67f-7dbe2f7707b6.png",[121],{"id":70,"label":71,"slug":72,"rank":73,"group":122},{"id":75,"label":76,"slug":77},[124],{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":126},[],{"uuid":128,"title":129,"description":130,"canonical_path":4,"image":131,"width":64,"height":89,"image_alt":132,"kind":67,"patterns":133,"component_categories":139,"app":144},"0e1be9c4-8f01-4dd1-957a-a420e1b2bce7","Verify Request | LiveKit Cloud","Verification screen where the user is prompted to check their email for a magic link to continue signing in.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0e1be9c4-8f01-4dd1-957a-a420e1b2bce7.png","Verify Request | LiveKit Cloud from Livekit",[134],{"id":135,"label":136,"slug":137,"rank":73,"group":138},6,"Verification","verification",{"id":75,"label":76,"slug":77},[140],{"id":141,"title":142,"slug":143},174,"Card","card",{"slug":30,"title":29,"logo":32,"categories":145},[],{"uuid":147,"title":148,"description":149,"canonical_path":4,"image":150,"width":64,"height":89,"image_alt":151,"kind":67,"patterns":152,"component_categories":155,"app":158},"aeb16bd9-40fe-4093-b43b-fb76cfa46acc","Verify Magic Link | LiveKit Cloud","Verification screen where the user must click a button to complete their sign-in process after following a magic link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Faeb16bd9-40fe-4093-b43b-fb76cfa46acc.png","Verify Magic Link | LiveKit Cloud from Livekit",[153],{"id":135,"label":136,"slug":137,"rank":73,"group":154},{"id":75,"label":76,"slug":77},[156,157],{"id":141,"title":142,"slug":143},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":159},[],{"uuid":161,"title":162,"description":163,"canonical_path":4,"image":164,"width":64,"height":89,"image_alt":165,"kind":67,"patterns":166,"component_categories":186,"app":193},"3285bc64-1deb-4a49-9def-84a4d1ac54b1","New Project | LiveKit Cloud","Onboarding step where the user creates their first project by naming it, indicating how they heard about LiveKit, and specifying if they are migrating from another provider.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3285bc64-1deb-4a49-9def-84a4d1ac54b1.png","New Project | LiveKit Cloud from Livekit",[167,171,179],{"id":75,"label":168,"slug":169,"rank":73,"group":170},"Account Setup","account-setup",{"id":75,"label":76,"slug":77},{"id":172,"label":173,"slug":174,"rank":75,"group":175},7,"Add & Create","add-and-create",{"id":176,"label":177,"slug":178},2,"Actions","actions",{"id":180,"label":181,"slug":182,"rank":176,"group":183},42,"Form","form",{"id":70,"label":184,"slug":185},"Data & Analysis","data-and-analysis",[187,191,192],{"id":188,"title":189,"slug":190},240,"Horizontal navigation","horizontal-navigation",{"id":141,"title":142,"slug":143},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":194},[],{"uuid":196,"title":162,"description":197,"canonical_path":4,"image":198,"width":64,"height":89,"image_alt":165,"kind":67,"patterns":199,"component_categories":216,"app":220},"174bf3c5-3a8e-4aa2-a782-63b3bfdbe7ab","Onboarding step where the user creates their first project by entering a name, attribution source, and agreeing to policies.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F174bf3c5-3a8e-4aa2-a782-63b3bfdbe7ab.png",[200,202,204,211],{"id":75,"label":168,"slug":169,"rank":73,"group":201},{"id":75,"label":76,"slug":77},{"id":172,"label":173,"slug":174,"rank":75,"group":203},{"id":176,"label":177,"slug":178},{"id":205,"label":206,"slug":207,"rank":176,"group":208},75,"Setup Wizard","setup-wizard",{"id":172,"label":209,"slug":210},"Onboarding & Education","onboarding-and-education",{"id":212,"label":213,"slug":214,"rank":109,"group":215},77,"Welcome","welcome",{"id":172,"label":209,"slug":210},[217,218,219],{"id":188,"title":189,"slug":190},{"id":141,"title":142,"slug":143},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":221},[],{"uuid":223,"title":162,"description":224,"canonical_path":4,"image":225,"width":64,"height":89,"image_alt":165,"kind":67,"patterns":226,"component_categories":236,"app":240},"234c6758-a97e-43c6-a489-e9d8f705e90a","Onboarding screen where the user creates their first project by providing a name and answering two quick questions about their background.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F234c6758-a97e-43c6-a489-e9d8f705e90a.png",[227,229,231],{"id":75,"label":168,"slug":169,"rank":73,"group":228},{"id":75,"label":76,"slug":77},{"id":172,"label":173,"slug":174,"rank":75,"group":230},{"id":176,"label":177,"slug":178},{"id":232,"label":233,"slug":234,"rank":176,"group":235},74,"Onboarding Checklist","onboarding-checklist",{"id":172,"label":209,"slug":210},[237,238,239],{"id":188,"title":189,"slug":190},{"id":141,"title":142,"slug":143},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":241},[],{"uuid":243,"title":162,"description":244,"canonical_path":4,"image":245,"width":64,"height":89,"image_alt":165,"kind":67,"patterns":246,"component_categories":249,"app":253},"44f81fb4-c5ca-49c5-9f51-c04fe7ed2ac2","Creation screen where the user names their first project, answers attribution questions, and agrees to terms before continuing.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F44f81fb4-c5ca-49c5-9f51-c04fe7ed2ac2.png",[247],{"id":75,"label":168,"slug":169,"rank":73,"group":248},{"id":75,"label":76,"slug":77},[250,251,252],{"id":188,"title":189,"slug":190},{"id":141,"title":142,"slug":143},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":254},[],{"uuid":256,"title":162,"description":257,"canonical_path":4,"image":258,"width":64,"height":89,"image_alt":165,"kind":67,"patterns":259,"component_categories":264,"app":268},"b5f34d86-b91d-4fea-95f2-bda4ffd20858","Onboarding step where the user creates their first project by providing a name and selecting an attribution source from an open dropdown menu.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb5f34d86-b91d-4fea-95f2-bda4ffd20858.png",[260,262],{"id":172,"label":173,"slug":174,"rank":73,"group":261},{"id":176,"label":177,"slug":178},{"id":180,"label":181,"slug":182,"rank":75,"group":263},{"id":70,"label":184,"slug":185},[265,266,267],{"id":188,"title":189,"slug":190},{"id":141,"title":142,"slug":143},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":269},[],{"uuid":271,"title":162,"description":272,"canonical_path":4,"image":273,"width":64,"height":89,"image_alt":165,"kind":67,"patterns":274,"component_categories":279,"app":283},"b6e8d202-117c-4493-be93-0edddcca9838","App screen where the user creates their first project by providing a name and answering two onboarding questions before continuing.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb6e8d202-117c-4493-be93-0edddcca9838.png",[275,277],{"id":75,"label":168,"slug":169,"rank":73,"group":276},{"id":75,"label":76,"slug":77},{"id":172,"label":173,"slug":174,"rank":75,"group":278},{"id":176,"label":177,"slug":178},[280,281,282],{"id":188,"title":189,"slug":190},{"id":141,"title":142,"slug":143},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":284},[],[],[287,289,291,293,295,297,299,301,303,305,308,311],{"label":168,"to":288},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":173,"to":290},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":71,"to":292},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":181,"to":294},"\u002Fexamples\u002Fscreens\u002Fform",{"label":136,"to":296,"count":176},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":106,"to":298,"count":75},"\u002Fexamples\u002Fscreens\u002Fai-search",{"label":233,"to":300,"count":75},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":206,"to":302,"count":75},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":213,"to":304,"count":75},"\u002Fexamples\u002Fscreens\u002Fwelcome",{"label":306,"to":307},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":309,"to":310},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"label":312,"to":313},"Open Source app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fopen-source",{"published_at":315,"updated_at":316},"2025-11-23T20:36:42.000Z","2026-09-13T13:02:39.000Z"]