/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.

Primary LanguageAstro

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