[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fliveblocks\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":48,"showcases":225,"links":226,"dates":244},"\u002Fexamples\u002Fapps\u002Fliveblocks\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Liveblocks product screens examples - Nicelydone","Browse Liveblocks screen design examples. Preview the interface screenshots and explore related UI patterns. Build amazing real‑time collaborative products","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1f9f418b-cc75-4ba8-a855-30764bd963dd.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},"Liveblocks design examples","\u002Fexamples\u002Fapps\u002Fliveblocks",{"label":23,"to":4},"Liveblocks 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},"Liveblocks","liveblocks","Build amazing real‑time collaborative products","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F081e178d-2cab-4e0b-93f8-061e021783fa.png","https:\u002F\u002Fliveblocks.io","@Liveblocks",[36,40,44],{"id":37,"title":38,"slug":39},48,"Developer Tools","developer-tools",{"id":41,"title":42,"slug":43},23,"Collaboration","collaboration",{"id":45,"title":46,"slug":47},37,"Developer APIs","developer-apis",[49,78,90,102,118,130,142,162,178,190,202,214],{"uuid":50,"title":51,"description":52,"canonical_path":4,"image":11,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":57,"component_categories":67,"app":76},"1f9f418b-cc75-4ba8-a855-30764bd963dd","Sign up","Signup screen where the user creates an account using their name and email or via Google and GitHub.",3024,1588,"Sign up from Liveblocks","screen",[58],{"id":59,"label":60,"slug":61,"rank":62,"group":63},5,"Sign Up","sign-up",0,{"id":64,"label":65,"slug":66},1,"Access & Account","access-and-account",[68,72],{"id":69,"title":70,"slug":71},175,"Button","button",{"id":73,"title":74,"slug":75},174,"Card","card",{"slug":30,"title":29,"logo":32,"categories":77},[],{"uuid":79,"title":51,"description":80,"canonical_path":4,"image":81,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":82,"component_categories":85,"app":88},"2a44fb72-55d7-4048-b1e0-813e4dac0c30","Signup screen where the user enters their name and email or authenticates with Google or GitHub to create an account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2a44fb72-55d7-4048-b1e0-813e4dac0c30.png",[83],{"id":59,"label":60,"slug":61,"rank":62,"group":84},{"id":64,"label":65,"slug":66},[86,87],{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":89},[],{"uuid":91,"title":51,"description":92,"canonical_path":4,"image":93,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":94,"component_categories":97,"app":100},"11976fb1-c892-413f-b1cd-7fe49afd5e2d","Signup screen where the user creates an account by providing their name and email, or by authenticating with Google or GitHub.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F11976fb1-c892-413f-b1cd-7fe49afd5e2d.png",[95],{"id":59,"label":60,"slug":61,"rank":62,"group":96},{"id":64,"label":65,"slug":66},[98,99],{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":101},[],{"uuid":103,"title":51,"description":104,"canonical_path":4,"image":105,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":106,"component_categories":113,"app":116},"27d41967-3eff-448e-8068-9c71366cc52e","Sign-up screen where the user can create an account using their name and email, or authenticate via Google or GitHub.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F27d41967-3eff-448e-8068-9c71366cc52e.png",[107,109],{"id":59,"label":60,"slug":61,"rank":62,"group":108},{"id":64,"label":65,"slug":66},{"id":64,"label":110,"slug":111,"rank":64,"group":112},"Account Setup","account-setup",{"id":64,"label":65,"slug":66},[114,115],{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":117},[],{"uuid":119,"title":51,"description":120,"canonical_path":4,"image":121,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":122,"component_categories":125,"app":128},"2262eeb5-720e-4dcf-a253-42ad60249009","Sign-up screen where the user enters their name and email or authenticates with Google or GitHub.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2262eeb5-720e-4dcf-a253-42ad60249009.png",[123],{"id":59,"label":60,"slug":61,"rank":62,"group":124},{"id":64,"label":65,"slug":66},[126,127],{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":129},[],{"uuid":131,"title":51,"description":132,"canonical_path":4,"image":133,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":134,"component_categories":137,"app":140},"6ddbe27c-148a-404a-8e69-94498ca259fd","Signup page where the user enters their name and email or authenticates via Google or GitHub to create an account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6ddbe27c-148a-404a-8e69-94498ca259fd.png",[135],{"id":59,"label":60,"slug":61,"rank":62,"group":136},{"id":64,"label":65,"slug":66},[138,139],{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":141},[],{"uuid":143,"title":51,"description":144,"canonical_path":4,"image":145,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":146,"component_categories":157,"app":160},"f4420a4e-a95d-4700-ba04-983eed6d1a6a","Sign-up screen where the user is submitting their name and email, currently showing a loading state, with alternative options to continue via Google or GitHub.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff4420a4e-a95d-4700-ba04-983eed6d1a6a.png",[147,149],{"id":59,"label":60,"slug":61,"rank":62,"group":148},{"id":64,"label":65,"slug":66},{"id":150,"label":151,"slug":152,"rank":64,"group":153},120,"Loading","loading",{"id":154,"label":155,"slug":156},12,"States & Feedback","states-and-feedback",[158,159],{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":161},[],{"uuid":163,"title":164,"description":165,"canonical_path":4,"image":166,"width":53,"height":54,"image_alt":167,"kind":56,"patterns":168,"component_categories":174,"app":176},"c71d4009-e316-4ab8-ba2a-756562d434cd","Check your email","Verification screen where the user enters a 6-digit magic code sent to their email address to authenticate.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc71d4009-e316-4ab8-ba2a-756562d434cd.png","Check your email from Liveblocks",[169],{"id":170,"label":171,"slug":172,"rank":62,"group":173},6,"Verification","verification",{"id":64,"label":65,"slug":66},[175],{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":177},[],{"uuid":179,"title":164,"description":180,"canonical_path":4,"image":181,"width":53,"height":54,"image_alt":167,"kind":56,"patterns":182,"component_categories":185,"app":188},"65df6c2e-c7a0-4bba-b9ed-55e4e63fe75d","Verification screen where the user enters a 6-digit code sent to their email address to authenticate.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F65df6c2e-c7a0-4bba-b9ed-55e4e63fe75d.png",[183],{"id":170,"label":171,"slug":172,"rank":62,"group":184},{"id":64,"label":65,"slug":66},[186,187],{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":189},[],{"uuid":191,"title":164,"description":192,"canonical_path":4,"image":193,"width":53,"height":54,"image_alt":167,"kind":56,"patterns":194,"component_categories":197,"app":200},"fe579643-538b-46d2-9479-0f88c6e54e29","Verification screen where the user enters a 6-digit magic code sent to their email to authenticate.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffe579643-538b-46d2-9479-0f88c6e54e29.png",[195],{"id":170,"label":171,"slug":172,"rank":62,"group":196},{"id":64,"label":65,"slug":66},[198,199],{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":201},[],{"uuid":203,"title":164,"description":204,"canonical_path":4,"image":205,"width":53,"height":54,"image_alt":167,"kind":56,"patterns":206,"component_categories":209,"app":212},"6a28445a-e446-4ba7-b059-9c83cb83e3dd","Verification screen where the user enters a 6-digit code sent to their email to authenticate.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6a28445a-e446-4ba7-b059-9c83cb83e3dd.png",[207],{"id":170,"label":171,"slug":172,"rank":62,"group":208},{"id":64,"label":65,"slug":66},[210,211],{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":213},[],{"uuid":215,"title":164,"description":216,"canonical_path":4,"image":217,"width":53,"height":54,"image_alt":167,"kind":56,"patterns":218,"component_categories":221,"app":223},"1fd1ee37-4018-4f2b-a224-0512a679319b","Verification screen where the user enters a 6-digit code sent to their email address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1fd1ee37-4018-4f2b-a224-0512a679319b.png",[219],{"id":170,"label":171,"slug":172,"rank":62,"group":220},{"id":64,"label":65,"slug":66},[222],{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":224},[],[],[227,229,231,233,235,238,241],{"label":60,"to":228},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":171,"to":230},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":110,"to":232},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":151,"to":234},"\u002Fexamples\u002Fscreens\u002Floading",{"label":236,"to":237},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":239,"to":240},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":242,"to":243},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"published_at":245,"updated_at":246},"2022-01-03T18:52:02.000Z","2026-09-13T13:02:39.000Z"]