VectoJS · canvas-native
Materials, motion & effects
you won't find in the docs
Liquid glass, fired ceramic, wobbling jelly, torn print — every demo runs live in a real VectoJS canvas, and the code on screen is exactly the code that runs. Copy it into your project.
Materials 4
Liquid Glass
A draggable frosted-glass card that refracts a drifting color field behind it — live backdrop sampling, edge bending, and a spring-lagged grab.
Ceramic Keys
Glazed-clay keycaps and a kiln-fired toggle — speckled glaze, soft studio shadows, and a spring press that physically depresses each key.
Jelly Buttons
Wobbling gelatin blobs on a mass-spring rim — poke one and the whole surface ripples; hit-testing follows the deformed outline, not a box.
Mercury Blobs
Draggable silvery blobs that merge into one liquid surface when close and split apart when pulled away — a classic blur + contrast-ramp 'goo' composite, with the drag hit-testing following each blob's own circle regardless of how merged it currently looks.
Effects 3
Glitch Text
Headline type that tears into misregistered print plates — coral/teal channel splits, sliced scanbands, and dropout blocks in timed bursts.
Constellation Lines
Drifting points connect to nearby neighbors with distance-faded links — a live, switchable comparison of SpatialHashGrid neighbor queries against a naive O(n²) search, with real measured query time on screen.
Particle Text
A word rasterized once into a particle-cloud shape — spring-to-origin physics (ComputeParticleEntity) holds it together, and a click scatters it into the next word. The real text stays reachable through Ctrl+F and screen readers the whole time via a separate content-projection host.