[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Flivekit":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":71,"showcases":72,"links":310,"dates":328},"\u002Fexamples\u002Fapps\u002Flivekit","detail","apps",true,{"title":9,"description":10,"og_image":11},"Livekit design examples - Nicelydone","Explore Livekit UI design examples. Build voice, video, and physical AI","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Feaa7b6d6-3f4b-4350-a06c-7c6f3eeb642c.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Livekit design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Livekit",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Flivekit\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Flivekit\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Flivekit\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Flivekit\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"categories":46},"Livekit","livekit","Build voice, video, and physical AI","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fe61f12ad-e18b-4b1e-91fb-39d0e1ce98ce.png","https:\u002F\u002Flivekit.io",[47,51,55,59,63,67],{"id":48,"title":49,"slug":50},80,"Artificial Intelligence","artificial-intelligence",{"id":52,"title":53,"slug":54},37,"Developer APIs","developer-apis",{"id":56,"title":57,"slug":58},45,"Open Source","open-source",{"id":60,"title":61,"slug":62},48,"Developer Tools","developer-tools",{"id":64,"title":65,"slug":66},70,"Video streaming","video-streaming",{"id":68,"title":69,"slug":70},100,"Video","video",[],[73,301,304,307],{"family":74,"examples":75},"screens",[76,101,113,132,143,162,176,211,238,258,271,286],{"uuid":77,"title":78,"description":79,"canonical_path":29,"image":11,"width":80,"height":81,"image_alt":82,"kind":83,"patterns":84,"component_categories":94,"app":99},"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",[85],{"id":86,"label":87,"slug":88,"rank":89,"group":90},4,"Sign In","sign-in",0,{"id":91,"label":92,"slug":93},1,"Access & Account","access-and-account",[95],{"id":96,"title":97,"slug":98},175,"Button","button",{"slug":42,"title":41,"logo":44,"categories":100},[],{"uuid":102,"title":78,"description":103,"canonical_path":29,"image":104,"width":80,"height":105,"image_alt":82,"kind":83,"patterns":106,"component_categories":109,"app":111},"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,[107],{"id":86,"label":87,"slug":88,"rank":89,"group":108},{"id":91,"label":92,"slug":93},[110],{"id":96,"title":97,"slug":98},{"slug":42,"title":41,"logo":44,"categories":112},[],{"uuid":114,"title":78,"description":115,"canonical_path":29,"image":116,"width":80,"height":105,"image_alt":82,"kind":83,"patterns":117,"component_categories":128,"app":130},"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",[118,120],{"id":86,"label":87,"slug":88,"rank":89,"group":119},{"id":91,"label":92,"slug":93},{"id":121,"label":122,"slug":123,"rank":91,"group":124},32,"AI Search","ai-search",{"id":125,"label":126,"slug":127},3,"AI","ai",[129],{"id":96,"title":97,"slug":98},{"slug":42,"title":41,"logo":44,"categories":131},[],{"uuid":133,"title":78,"description":134,"canonical_path":29,"image":135,"width":80,"height":81,"image_alt":82,"kind":83,"patterns":136,"component_categories":139,"app":141},"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",[137],{"id":86,"label":87,"slug":88,"rank":89,"group":138},{"id":91,"label":92,"slug":93},[140],{"id":96,"title":97,"slug":98},{"slug":42,"title":41,"logo":44,"categories":142},[],{"uuid":144,"title":145,"description":146,"canonical_path":29,"image":147,"width":80,"height":105,"image_alt":148,"kind":83,"patterns":149,"component_categories":155,"app":160},"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",[150],{"id":151,"label":152,"slug":153,"rank":89,"group":154},6,"Verification","verification",{"id":91,"label":92,"slug":93},[156],{"id":157,"title":158,"slug":159},174,"Card","card",{"slug":42,"title":41,"logo":44,"categories":161},[],{"uuid":163,"title":164,"description":165,"canonical_path":29,"image":166,"width":80,"height":105,"image_alt":167,"kind":83,"patterns":168,"component_categories":171,"app":174},"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",[169],{"id":151,"label":152,"slug":153,"rank":89,"group":170},{"id":91,"label":92,"slug":93},[172,173],{"id":157,"title":158,"slug":159},{"id":96,"title":97,"slug":98},{"slug":42,"title":41,"logo":44,"categories":175},[],{"uuid":177,"title":178,"description":179,"canonical_path":29,"image":180,"width":80,"height":105,"image_alt":181,"kind":83,"patterns":182,"component_categories":202,"app":209},"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",[183,187,195],{"id":91,"label":184,"slug":185,"rank":89,"group":186},"Account Setup","account-setup",{"id":91,"label":92,"slug":93},{"id":188,"label":189,"slug":190,"rank":91,"group":191},7,"Add & Create","add-and-create",{"id":192,"label":193,"slug":194},2,"Actions","actions",{"id":196,"label":197,"slug":198,"rank":192,"group":199},42,"Form","form",{"id":86,"label":200,"slug":201},"Data & Analysis","data-and-analysis",[203,207,208],{"id":204,"title":205,"slug":206},240,"Horizontal navigation","horizontal-navigation",{"id":157,"title":158,"slug":159},{"id":96,"title":97,"slug":98},{"slug":42,"title":41,"logo":44,"categories":210},[],{"uuid":212,"title":178,"description":213,"canonical_path":29,"image":214,"width":80,"height":105,"image_alt":181,"kind":83,"patterns":215,"component_categories":232,"app":236},"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",[216,218,220,227],{"id":91,"label":184,"slug":185,"rank":89,"group":217},{"id":91,"label":92,"slug":93},{"id":188,"label":189,"slug":190,"rank":91,"group":219},{"id":192,"label":193,"slug":194},{"id":221,"label":222,"slug":223,"rank":192,"group":224},75,"Setup Wizard","setup-wizard",{"id":188,"label":225,"slug":226},"Onboarding & Education","onboarding-and-education",{"id":228,"label":229,"slug":230,"rank":125,"group":231},77,"Welcome","welcome",{"id":188,"label":225,"slug":226},[233,234,235],{"id":204,"title":205,"slug":206},{"id":157,"title":158,"slug":159},{"id":96,"title":97,"slug":98},{"slug":42,"title":41,"logo":44,"categories":237},[],{"uuid":239,"title":178,"description":240,"canonical_path":29,"image":241,"width":80,"height":105,"image_alt":181,"kind":83,"patterns":242,"component_categories":252,"app":256},"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",[243,245,247],{"id":91,"label":184,"slug":185,"rank":89,"group":244},{"id":91,"label":92,"slug":93},{"id":188,"label":189,"slug":190,"rank":91,"group":246},{"id":192,"label":193,"slug":194},{"id":248,"label":249,"slug":250,"rank":192,"group":251},74,"Onboarding Checklist","onboarding-checklist",{"id":188,"label":225,"slug":226},[253,254,255],{"id":204,"title":205,"slug":206},{"id":157,"title":158,"slug":159},{"id":96,"title":97,"slug":98},{"slug":42,"title":41,"logo":44,"categories":257},[],{"uuid":259,"title":178,"description":260,"canonical_path":29,"image":261,"width":80,"height":105,"image_alt":181,"kind":83,"patterns":262,"component_categories":265,"app":269},"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",[263],{"id":91,"label":184,"slug":185,"rank":89,"group":264},{"id":91,"label":92,"slug":93},[266,267,268],{"id":204,"title":205,"slug":206},{"id":157,"title":158,"slug":159},{"id":96,"title":97,"slug":98},{"slug":42,"title":41,"logo":44,"categories":270},[],{"uuid":272,"title":178,"description":273,"canonical_path":29,"image":274,"width":80,"height":105,"image_alt":181,"kind":83,"patterns":275,"component_categories":280,"app":284},"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",[276,278],{"id":188,"label":189,"slug":190,"rank":89,"group":277},{"id":192,"label":193,"slug":194},{"id":196,"label":197,"slug":198,"rank":91,"group":279},{"id":86,"label":200,"slug":201},[281,282,283],{"id":204,"title":205,"slug":206},{"id":157,"title":158,"slug":159},{"id":96,"title":97,"slug":98},{"slug":42,"title":41,"logo":44,"categories":285},[],{"uuid":287,"title":178,"description":288,"canonical_path":29,"image":289,"width":80,"height":105,"image_alt":181,"kind":83,"patterns":290,"component_categories":295,"app":299},"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",[291,293],{"id":91,"label":184,"slug":185,"rank":89,"group":292},{"id":91,"label":92,"slug":93},{"id":188,"label":189,"slug":190,"rank":91,"group":294},{"id":192,"label":193,"slug":194},[296,297,298],{"id":204,"title":205,"slug":206},{"id":157,"title":158,"slug":159},{"id":96,"title":97,"slug":98},{"slug":42,"title":41,"logo":44,"categories":300},[],{"family":302,"examples":303},"flows",[],{"family":305,"examples":306},"components",[],{"family":308,"examples":309},"pages",[],[311,313,315,317,319,322,325],{"label":312,"to":29},"Livekit product screens",{"label":314,"to":38},"Livekit marketing pages",{"label":316,"to":32},"Livekit user flows",{"label":318,"to":35},"Livekit UI components",{"label":320,"to":321},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":323,"to":324},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"label":326,"to":327},"Open Source app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fopen-source",{"published_at":329,"updated_at":330},"2025-11-23T20:36:42.000Z","2026-09-13T13:02:39.000Z"]