open-sourcecommunitycontribute

Community

LixSketch is open source and community-driven. Star, fork, contribute, or just come say hi.

elixpo/lixsketch

Open-source WYSIWYG canvas for diagrams, wireframes, and docs

LixSketch is fully open source — built by developers, for developers. Every line of code is public, every feature ships in the open, and every contribution matters.

Get Involved

There's no gated community, no Discord paywall, no waitlist. The entire project lives on GitHub.

  • Star the repo — it helps others discover LixSketch
  • Fork and contribute — PRs are welcome, from typo fixes to major features
  • Open issues — bug reports, feature requests, and questions all welcome
  • Discuss ideas — use GitHub Discussions for design conversations

How to Contribute

1. Pick Something to Work On

Browse the open issues on GitHub. Look for labels like good first issue, help wanted, or enhancement. Or just scratch your own itch — if you want a feature, build it.

2. Fork and Clone

bash
git clone https://github.com/anthropics/lixsketch.git
cd lixsketch
npm install
npm run dev

The dev server runs the Next.js frontend and the backend concurrently. Changes hot-reload instantly.

3. Make Your Changes

Follow the existing code conventions:

  • Vanilla JS with ES6 modules for the canvas engine
  • React (Next.js) for the landing pages and app shell
  • No TypeScript — the project uses plain JS throughout
  • camelCase for variables and functions, PascalCase for classes
  • No build step for the canvas engine — static files served directly

4. Submit a PR

Push your branch and open a pull request. Describe what you changed and why. Screenshots or screen recordings are especially helpful for UI changes.

Project Structure

The codebase is organized into clear modules:

  • Canvas engine — SVG-based drawing tools in /src/engine/
  • Landing & pages — Next.js app in /src/app/
  • Collaboration — Cloudflare Worker + Durable Objects in /worker/
  • Docs editor — Notion-like block editor in /docs/
  • LixScript — diagram DSL parser in /src/engine/core/
Rendering diagram...

What You Can Contribute

Canvas Tools

Add new shape types, improve selection behavior, build new property controls, or optimize rendering performance.

LixScript

Extend the DSL with new shape types, layout algorithms, or styling options. The parser is in /src/engine/core/LixScriptParser.js.

Docs Editor

Improve the Notion-like block editor — better markdown parsing, new block types, table improvements, or inline formatting.

Landing Pages

Design and build new pages, improve animations, or polish the responsive layout.

Bug Fixes

Every bug you fix makes the tool better for everyone. Check the issue tracker for reported bugs.

Documentation

Write tutorials, improve the getting started guide, or add inline code comments to complex modules.

Code of Conduct

Be kind. Be constructive. Assume good intent. We're all here to build something useful.

  • Be respectful in issues, PRs, and discussions
  • Give context when reporting bugs — steps to reproduce, browser, OS
  • Be patient with maintainers — this is an open source project
  • Help others who are getting started

License

LixSketch is open source. Use it, modify it, deploy it, learn from it. The code is yours to build on.

Stay Connected

The best way to stay updated is to watch the repo on GitHub. You'll get notified of new releases, discussions, and important changes.

If you build something cool with LixSketch — a diagram, a workflow, an integration — share it. Open a discussion, tweet about it, or open a PR to add it to the examples.