Skip to content

Shader Lab

Globe — Dotted · Default

A mouse-spun sphere of glowing nodes with an atmospheric rim. Drag to rotate.

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

Globe — Dotted · Default

Globe — Dotted · Default

Live preview of the Globe — Dotted · 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 Globe — Dotted · 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 →