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 3
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.
Effects 2
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.