Skip to content

elixpo/lixsketch

Repository files navigation

LixSketch - Built by a Genz πŸš€

image

It was one of the most favourite projects of mine while development. It took me 11 months to come to the stage where I can write the README and product my mvp - LixSketch

LixSketch Logo

An open-source freemium platform for collaborative canvas β€” technical presentations, modelling, wireframes, and more.

GitHub Stars GitHub Forks GitHub Issues License

Website Docs npm VS Code

LixSketch is an open source freemium platfor for collaborative canvas for technical presentation / modelling on web + IDE + pwa (under development)

og-image

Why LixSketch?

LixSketch offers technical / professional proficiency in quick canvases used for any technical interview, presentation, workshop, or classroom in a collaborative fashion β€” sharable with anyone at any time in a matter of a click.

image

What Makes LixSketch Stand Out

Feature
πŸ”“ No login required β€” start drawing instantly as a guest
🎁 Generous freemium model β€” powerful tools at zero cost
πŸ“œ LixScript β€” our own diagram scripting language
🧩 All-in-one workspace β€” combines Excalidraw + TLDraw + Eraser.io
πŸ›‘οΈ E2E encrypted sharing β€” your data stays yours
πŸ“‚ Open Source β€” MIT licensed, built in public
⚑ Fast & free β€” generous guest mode, no paywall
image

Use LixSketch Everywhere

Platform Description
🌐 Web App Full collaborative canvas in the browser
πŸ–₯️ VS Code Extension Draw diagrams right inside your editor β€” open any .lixsketch file
πŸ“¦ NPM Package Embed the engine in your own app with npm install @elixpo/lixsketch

VS Code Extension

Draw diagrams, sketch ideas, and build visual documents β€” without leaving your editor. Just create a .lixsketch file and start drawing.

ext install elixpo.lixsketch

LixSketch VS Code Extension

NPM Package

Build your own whiteboard, diagramming tool, or collaborative canvas with a few lines of code.

npm install @elixpo/lixsketch
import { createSketchEngine, TOOLS } from '@elixpo/lixsketch';

const engine = createSketchEngine(svgElement);
await engine.init();
engine.setActiveTool(TOOLS.RECTANGLE);

Full API docs and examples in the engine README.

Tech Stack

Next.js RoughJS Cloudflare D1 WebSocket Zustand

Documentation

We have a dedicated section for our LixSketch Docs with a rich definition on how we implemented our architecture and product in the open source with security and transparency.

image

Contributing

This is an open source project! If you find bugs on the platform, please let us know from the Issues Tab. We'd love to solve them for a smooth user experience.

image

Star History


Made with ❀️ by Elixpo | GitHub

About

WYSIWYG type canvas for advance sketching and smart editing with AI support in Beta

Topics

Resources

License

Stars

Watchers

Forks

Packages

 
 
 

Contributors