Skip to content

Shader Lab

Checker Warp · Default

A checkerboard rippling under a domain-warp that bends the squares into waves.

Preview onlyA demo of what Velocity builds. This one is not currently installable on its own.
WebGLGLSLCanvasReactNew

Checker Warp · Default

Checker Warp · Default

Live preview of the Checker Warp · Default component

The code ships with Velocity.

Every component's full source — copy-paste ready, yours to edit — comes with any Velocity package. Buy once, own the code forever.

Get Velocity X — from $1,250 See all packages →

Using the Checker Warp · Default component

Every Shader Lab page is a single preset of one effect, rendered live by the shared Velocity shader runtime — GLSL fragment shaders for the WebGL set, character rendering for the ASCII set. Compare the presets, pick the one that suits the page, then put it behind real content with the ShaderBackground wrapper, which adds a theme-aware legibility scrim so your copy stays readable over the motion.

Browse all →