Blitz is a desktop-only web editor for designing and refining autonomous robot trajectories. Built to reduce friction on complex tasks, it emphasizes customizability, ease of use, and accessibility across skill levels.
Blitz takes inspiration from Adobe Illustrator:
- Tool-driven interactions determine how elements respond to clicks and drags.
- A canvas as the primary area for graphical interaction.
- An info panel for discrete numeric editing.
- A trajectories (layers) panel for managing paths.
Together, these enable high-precision trajectory editing.
- Frontend: React + Vite + TypeScript
- Canvas: Konva / react-konva
- State: Zustand (editor store + data store)
- Tooling: ESLint, Prettier (optional)
- Paradigm: Partial OOP (Java influence)
- Node.js ≥ 18 (recommended)
# pick one
pnpm install
# or
npm install
# or
yarn installpnpm dev
# or
npm run dev
# or
yarn devOpen the printed local URL (commonly http://localhost:5173).
pnpm build
# or npm run build / yarn build- Select: Click a control point to select it (and its trajectory). Drag to move if unlocked. Click a path to select its trajectory.
- Add: With a trajectory selected, click the canvas to add a control point at that world position; the new point becomes active.
- Remove: Click a control point to delete it; the parent trajectory becomes selected.
- Insert: Click on a trajectory path to insert a control point projected onto the nearest segment at the clicked position.
- Cut: Click a control point to split its trajectory into two; the trajectories panel will display both halves.
Guides and videos are coming soon.
- Open an issue: https://github.com/Vlarkus/Blitz/issues
- Please include:
- What happened vs. what you expected
- Reproduction steps (numbered)
- Console logs / screenshots (if relevant)
- Environment details (OS, browser, Node version)
Join the Discord
- Fork the repo
- Create a branch:
git checkout -b feat/your-feature
- Commit with a clear message:
git commit -m "feat: add XYZ" - Push and open a Pull Request
MIT © Valery Rabchanka (Vlarkus)