liveblocks / pixel-art-together

Pixel Art Together is a multiplayer pixel art editor powered by Liveblocks.

Pixel Art Together

Pixel Art Together is a free multiplayer pixel art editor powered by Liveblocks.

Features

✏ Use different drawing tools
👩‍🎨 Up to 20 players at once
🗃 Draw on different layers
🎨 Use opacity & blend modes
↪ Undo/redo any mistakes
💾 Export your art as svg or png files
...and more!

Development

Pixel Art Together was built by Chris Nicholas. Technology used in this project includes: Svelte, SvelteKit, Liveblocks, TailwindCSS, Shoelace.style

Run locally

• Install all dependencies with npm install

• Create an account on liveblocks.io

• Copy your secret key from the dashboard

• Create a file named .env.local and add your Liveblocks secret as environment variable VITE_LIVEBLOCKS_SECRET_KEY=sk_test_yourkey

Run on CodeSandbox

• Open this repository on CodeSandbox with this link

• Create an account on liveblocks.io

• Copy your secret key from the dashboard

• Create a secret named VITE_LIVEBLOCKS_SECRET_KEY with the secret key you just copied. You need to create an account on CodeSandbox to add an environment variable.

• Refresh your browser, and you should be good to go!