← All templates
Motion background3D / WebGLPro

Liquid Chrome Background

A single-file fragment shader background: slow liquid chrome with configurable palette, grain and speed. Pauses off-screen and respects reduced motion.

The prompt

Preview · Pro to read all
Write a self-contained animated background: a liquid chrome fragment shader in plain WebGL (no libraries), delivered as a single <canvas> + one JS module under 3 KB minified.

API: createLiquidChrome(canvas, { colors: ["…

You might also like

Website promptPro

Wireframe Mesh Launch

Giant condensed type framing a rotating wireframe mesh

3D / WebGL
Motion backgroundFree

Aurora Mesh Gradient

Animated mesh gradient with film grain — pure CSS + canvas

Ecommerce