CTNicholas/astro-collaborative-starter

Looking to add collaboration to Astro? ๐Ÿš€ You've come to the right spot, Astronaut! ๐Ÿ‘ฉโ€๐Ÿš€ This starter kit contains a set of quick and easy elements for adding multiplayer presence to your app.

โ˜… 22Forks 1AstroGitHub โ†—Compare

Project website โ†—

astrocollaborationlitliveblocksrealtime

README

Astro collaborative starter

Astro Lit Open in CodeSandbox

Buckle up Astronauts ๐Ÿš€ we're going in together ๐Ÿ‘ฉโ€๐Ÿš€๐Ÿ‘จโ€๐Ÿš€

Take a look at the full guide on the demo website. You can clone this repo to use it as a starter kit, or get the collaborative components straight from NPM:

npm i astro-collab

Quick start guide

Components

Live cursors Live avatars Live users Live form Live user form Live drawing Random user info Liveblocks room

Technology

  • Liveblocks - Liveblocks powers all multiplayer features
  • Lit - Most components use Lit web components
  • tldraw - LiveDrawing component uses tldraw
  • Astro - Starter kit built for Astro

Powered by Liveblocks

Like what you see?

I build lots of collaborative fun, and write interactive articles too, follow me on Twitter for more. Here's a few favourites:

Adding live cursors to Next.js Adding live cursors to Next.js Build a live piano Multiplayer Wordle

Contributors

CTNicholas

Issues