Create Sandbox
Find @liveblocks/react Examples and Templates
Use this online @liveblocks/react playground to view and fork @liveblocks/react 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/nextjs-whiteboard
This example shows how to build a collaborative whiteboard with Liveblocks and Next.js.
@liveblocks-examples/nextjs-form
This example shows how to build a collaborative form with Liveblocks and Next.js.
@liveblocks-examples/react-comments
This example shows how to build comments with Liveblocks and React.
@liveblocks-examples/nextjs-comments-overlay
This example shows how to display comments overlaid on any website 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-live-avatars
This example shows how to build a live avatar stack with Liveblocks and Next.js.
@liveblocks-starter-kits/nextjs-starter-kit
This repository contains a collaborative starter kit using Liveblocks and Next.js.
@liveblocks-examples/nextjs-tldraw-whiteboard-storage
This example shows how to build a tldraw app using Liveblocks Storage, 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.
@liveblocks-examples/nextjs-comments-notifications
This example shows how to build a notification inbox for comments with Liveblocks and Next.js.
@liveblocks-examples/nextjs-comments-tiptap
This example shows how to add comments to a collaborative text editor with Liveblocks, Tiptap, and Next.js.
@liveblocks-examples/nextjs-comments-ai
This example shows how to build comments with an AI agent, powered by Liveblocks, Next.js, and OpenAI.
Find more examples or templates
