Skip to content

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.

Notifications You must be signed in to change notification settings

CTNicholas/astro-collaborative-starter

Repository files navigation

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

About

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.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages