Create Sandbox
Find @liveblocks/client Examples and Templates
Use this online @liveblocks/client playground to view and fork @liveblocks/client example apps and templates on CodeSandbox. Click any example below to run it instantly or find templates that can be used as a pre-built solution!
@liveblocks-examples/nextjs-whiteboard-advanced
This example shows how to build an advanced collaborative whiteboard with Liveblocks and Next.js.
@liveblocks-examples/nextjs-live-cusors
@liveblocks-examples/nextjs-notion-like-ai-editor
This example shows how to build a collaborative text editor with an AI toolbar using Liveblocks, Lexical, Vercel AI SDK, and Next.js.
@liveblocks-examples/nextjs-spreadsheet-advanced
This example shows how to build an advanced collaborative spreadsheet with Liveblocks and Next.js.
liveblocks-next-js-examples
@liveblocks-examples/nextjs-live-cursors-chat
This example shows how to build live cursors along chat and reactions with Liveblocks and Next.js.
@liveblocks-examples/zustand-flowchart
This example shows how to build a collaborative flowchart with Liveblocks, Zustand, React Flow, and Next.js.
@liveblocks-examples/nextjs-whiteboard
This example shows how to build a collaborative whiteboard with Liveblocks and Next.js.
@liveblocks-examples/react-comments
This example shows how to build comments with Liveblocks and React.
@liveblocks-examples/nextjs-form
This example shows how to build a collaborative form with Liveblocks and Next.js.
@liveblocks-examples/nextjs-yjs-monaco
This example shows how to build a collaborative code editor with Liveblocks, Yjs, Monaco, and Next.js.
@liveblocks-examples/nextjs-comments-overlay
This example shows how to display comments overlaid on any website with Liveblocks and Next.js.
@liveblocks-examples/nextjs-live-avatars
This example shows how to build a live avatar stack with Liveblocks and Next.js.
next-typescript
A minimalist boilerplate — Next.js with TypeScript.
@liveblocks-examples/nextjs-tldraw-whiteboard-storage
This example shows how to build a tldraw app using Liveblocks Storage, and Next.js.
@liveblocks-examples/javascript-live-cursors
This example shows how to build live cursors with Liveblocks and esbuild.
@liveblocks-starter-kits/nextjs-starter-kit
This repository contains a collaborative starter kit using Liveblocks and Next.js.
@liveblocks-examples/nextjs-yjs-tiptap
This example shows how to build a collaborative text editor with Liveblocks, Yjs, Tiptap, and Next.js.
Find more examples or templates