Vektra
Laravel 12 · MySQL · Tailwind · HTML5 Canvas

Design. Prototype.
Ship together.

Vektra is a Figma-style design tool you host yourself. Infinite canvas, vector pen, auto layout, components & variants, styles & variables, prototyping, comments, multiplayer cursors and version history — all in your browser.

Mobile Onboarding — Vektra

Layers

# Onboarding / 1
# Onboarding / 2
# Onboarding / 3
# Components
Khansa
Duncan

Design

X 0
Y 0
W 402
H 874

Auto layout

↓ Vertical · Gap 8

Fill

FFFFFF · 100%

Effects

Drop shadow

Design tools

Frame, rectangle, ellipse, polygon, star, line, arrow, pen & pencil, text, image, section and slice. Rulers, guides, pixel grid, smart snapping, alignment and boolean operations.

Layout & styles

Auto layout with hug/fill/fixed, constraints, per-corner radius, multiple fills and strokes, gradients, blend modes, shadows and blurs, color/text/effect styles and variables with modes.

Components

Create components, place instances, override text and fills, detach, define component properties and publish to a team library.

Prototyping

Connect frames with click/hover/drag triggers, choose instant, dissolve, push, slide or smart animate transitions, define flows and present.

Collaboration

Multiplayer cursors and live updates through Laravel Reverb (or HTTP polling), pinned comment threads, share links and role-based access.

History & export

Autosave with optimistic locking, full version history with restore, and PNG/JPG/SVG/PDF export at 1x/2x/3x.

Self-hosted. Open stack.

Laravel 12 for the application layer, MySQL for documents, versions and comments, Tailwind CSS for the UI and a hand-written HTML5 Canvas rendering engine for the editor. No third-party design SDKs.

Laravel 12
MySQL 8
Tailwind CSS
HTML5 Canvas
Laravel Reverb
Vanilla ES modules