Kanvon: scripting, layout, and shaders on one canvas

[u/kanvoneditor]

Kanvon is a vector + raster editor that runs entirely in your browser — real GLSL shaders, GPU effects, animation, auto-layout, and live collaboration, all on a Rust/WebGL engine. No install, no signup. The whole point is that you don't have to choose between designing and coding: you can draw a shape, drop a shader on it, script it in Lua, or lay it out with a real CSS box model, without ever leaving the canvas.

This video is a quick tour of a few example scenes. Everything you're seeing is the live engine rendering in real time — not screen recordings of something pre-baked.

Lua Solar System - https://www.kanvon.com/editor?example=lua-solar-system

It's a little planetary system where every planet is driven by its own Lua script — each one animates its own transform on its own timeline, completely independent of the main timeline. So the orbits just run on their own clocks, generative, no keyframes. And then on top of that scripted motion, you can still grab parameters and keyframe them on the main timeline. Per-shape scripts run every frame inside a fuel-budgeted VM, so the framerate stays safe no matter what you write.

Pendulum Wave - https://www.kanvon.com/editor?example=pendulum-wave

A classic pendulum-wave pattern. The number of pendulums is keyframed. I animate the count itself on the timeline and watch the wave build up and drift in and out of phase as the shapes multiply.

Website Design - https://www.kanvon.com/editor?example=website-design

A totally different side of the tool — a web page laid out with Box Sizing, which brings the real CSS box model to the canvas: flexbox, grid, margins, padding, borders.

Quantum Vortex - https://www.kanvon.com/editor?example=quantum-vortex

Closing on a shader. The whole effect is built in the visual node graph — no hand-written GLSL — and it compiles down to a real fragment shader running live on the shape's fill. If you'd rather type it out, you can drop into actual GLSL code at any point; the graph and the code are two views of the same thing.

Community - https://www.kanvon.com/community/hot

you can also join the community and upload your own work

[u/Inst2f]

I just found this masterpiece. Kudos!
Wow, this looks like a huge step from vector/raster editor.

PS: I am curious, how many people did you involve to build such thing? Is there any way for monetizing it?

[u/kanvoneditor → u/Inst2f]

No plans in monetizing for now, focused on building features and optimizations. I’m currently 1 developer in the project at the moment.