[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fliveblocks\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":49,"showcases":201,"links":202,"dates":221},"\u002Fexamples\u002Fapps\u002Fliveblocks\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Liveblocks UI components examples - Nicelydone","Browse Liveblocks UI component design examples. Preview individual interface elements and explore related component categories. Build amazing real‑time…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F52f81bdb-8bcc-4984-b008-d4ecd162865f.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 UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Liveblocks UI component design examples. Preview individual interface elements and explore related component categories. Build amazing real‑time collaborative products",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"twitter_username":35,"categories":36},"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",[37,41,45],{"id":38,"title":39,"slug":40},48,"Developer Tools","developer-tools",{"id":42,"title":43,"slug":44},23,"Collaboration","collaboration",{"id":46,"title":47,"slug":48},37,"Developer APIs","developer-apis",[50,65,74,87,100,113,126,139,149,162,175,188],{"uuid":51,"title":52,"description":53,"canonical_path":4,"image":11,"width":54,"height":55,"image_alt":56,"kind":57,"categories":58,"app":63},"742f99cf-3839-47ae-b344-151e5c9b8b52","Liveblocks UI component","A project card displaying project details with an open contextual menu for navigation and actions.",1044,810,"UI component from Liveblocks","component",[59],{"id":60,"title":61,"slug":62},190,"Dropdown menu","dropdown-menu",{"slug":31,"title":30,"logo":33,"categories":64},[],{"uuid":66,"title":52,"description":67,"canonical_path":4,"image":68,"width":54,"height":69,"image_alt":56,"kind":57,"categories":70,"app":72},"f7dab41b-05fa-4a9e-9f32-e0048a9c45cb","A dark mode user interface showing a project card with an open contextual menu for project management actions.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F6e4008df-3db5-463b-95c9-a537dea4f462.png",812,[71],{"id":60,"title":61,"slug":62},{"slug":31,"title":30,"logo":33,"categories":73},[],{"uuid":75,"title":52,"description":76,"canonical_path":4,"image":77,"width":78,"height":79,"image_alt":56,"kind":57,"categories":80,"app":85},"53fd830f-ef37-409c-964c-985626f4186a","A user account dropdown menu displaying personal settings, theme selection, and external links, with a nested menu for theme options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F2736f8e6-fdf3-48c0-b23e-8cddadeec7bb.png",737,739,[81],{"id":82,"title":83,"slug":84},256,"Theme settings","theme-settings",{"slug":31,"title":30,"logo":33,"categories":86},[],{"uuid":88,"title":52,"description":89,"canonical_path":4,"image":90,"width":91,"height":92,"image_alt":56,"kind":57,"categories":93,"app":98},"ea972a29-4096-497f-afe8-68163efc896a","A list of compliance documents and forms with options to download or upgrade plans.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1c31d481-8162-466d-9205-9e3d569d72f0.png",1668,1234,[94],{"id":95,"title":96,"slug":97},255,"Upgrade your plan","upgrade-your-plan",{"slug":31,"title":30,"logo":33,"categories":99},[],{"uuid":101,"title":52,"description":102,"canonical_path":4,"image":103,"width":104,"height":105,"image_alt":56,"kind":57,"categories":106,"app":111},"91c5f969-3f16-432e-8bac-d72b5ea3495c","A user interface displaying team members with a tabbed navigation for 'Team members' and 'Pending invitations', showing one user's profile with an avatar, name, email, and a 'You' badge.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fceb5b77d-69d1-4b8e-ab18-8deba7d0b65e.png",722,273,[107],{"id":108,"title":109,"slug":110},233,"Tabs","tabs",{"slug":31,"title":30,"logo":33,"categories":112},[],{"uuid":114,"title":52,"description":115,"canonical_path":4,"image":116,"width":117,"height":118,"image_alt":56,"kind":57,"categories":119,"app":124},"06c54c83-ebab-4c28-89d6-f30e78fe3d1f","A data table displaying events with filtering options for status and date.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fbc387a31-5acf-4ed4-8fc1-30953e2177a5.png",2033,504,[120],{"id":121,"title":122,"slug":123},248,"Table","table-2",{"slug":31,"title":30,"logo":33,"categories":125},[],{"uuid":127,"title":52,"description":128,"canonical_path":4,"image":129,"width":130,"height":131,"image_alt":56,"kind":57,"categories":132,"app":137},"c662cd78-7e47-421a-bef2-dec900d71217","A modal window for recovering failed messages by selecting a specific timeframe.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Febf8b44e-66b1-4b1e-842d-e58de576ff7a.png",1186,960,[133],{"id":134,"title":135,"slug":136},284,"Modal","modal",{"slug":31,"title":30,"logo":33,"categories":138},[],{"uuid":140,"title":52,"description":141,"canonical_path":4,"image":142,"width":143,"height":144,"image_alt":56,"kind":57,"categories":145,"app":147},"19598612-1053-4bbc-8e2e-e5b8769c5cc4","A dropdown menu displaying various actions related to an endpoint, including testing, recovery, key management, disabling, and deletion.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0d4e2084-f4ba-421b-891c-149bcff3c225.png",499,513,[146],{"id":60,"title":61,"slug":62},{"slug":31,"title":30,"logo":33,"categories":148},[],{"uuid":150,"title":52,"description":151,"canonical_path":4,"image":152,"width":153,"height":154,"image_alt":56,"kind":57,"categories":155,"app":160},"9dbfcf2f-95a5-4045-9538-bf7fe3b636de","A modal informing the user that no webhook has been configured yet, explaining the benefit of doing so, and providing a link to a guide.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1370e3d0-1fcd-4ecc-bd39-dc8118884053.png",1152,616,[156],{"id":157,"title":158,"slug":159},302,"Empty state","emptystate",{"slug":31,"title":30,"logo":33,"categories":161},[],{"uuid":163,"title":52,"description":164,"canonical_path":4,"image":165,"width":166,"height":167,"image_alt":56,"kind":57,"categories":168,"app":173},"6bea34f2-59e5-4fde-bab8-ce25292ddc62","A dashboard displaying navigation, recent updates, and plan usage for a SaaS application.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F95e691c1-8404-449f-b67a-d4967730d770.png",481,1587,[169],{"id":170,"title":171,"slug":172},209,"Vertical navigation","vertical-navigation",{"slug":31,"title":30,"logo":33,"categories":174},[],{"uuid":176,"title":52,"description":177,"canonical_path":4,"image":178,"width":179,"height":180,"image_alt":56,"kind":57,"categories":181,"app":186},"193aeecd-8259-41f2-9688-6bb8d15a622c","A dark-themed application header with branding, search bar, feedback button, and user avatar.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9eee05ea-7d63-4133-91d1-d67b489e7b05.png",3024,130,[182],{"id":183,"title":184,"slug":185},240,"Horizontal navigation","horizontal-navigation",{"slug":31,"title":30,"logo":33,"categories":187},[],{"uuid":189,"title":52,"description":190,"canonical_path":4,"image":191,"width":192,"height":193,"image_alt":56,"kind":57,"categories":194,"app":199},"92645bf9-281b-4946-9964-0587d2b41864","A setup and preference configuration interface for a software application.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3777afc5-804b-48aa-8a3e-1dbe52b7cb06.png",1220,1498,[195],{"id":196,"title":197,"slug":198},249,"Timeline & history","timeline-history",{"slug":31,"title":30,"logo":33,"categories":200},[],[],[203,206,209,212,215,218],{"label":204,"to":205},"Liveblocks product screens","\u002Fexamples\u002Fapps\u002Fliveblocks\u002Fscreens",{"label":207,"to":208},"Liveblocks marketing pages","\u002Fexamples\u002Fapps\u002Fliveblocks\u002Fmarketing",{"label":210,"to":211},"Liveblocks user flows","\u002Fexamples\u002Fapps\u002Fliveblocks\u002Fflows",{"label":213,"to":214},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":216,"to":217},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":219,"to":220},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"published_at":222,"updated_at":223},"2022-01-03T18:52:02.000Z","2026-09-13T13:02:39.000Z"]