Textures

Aurora

Mesmerizing aurora borealis with layered curtains, vertical rays, and flowing light.

Beam

A beam of light from one point to another.

Blob

Organic animated blob with 3D lighting and gradients

BlockNoise

Blocky value noise with soft cells that morph over time

BlueNoise

High-frequency blue noise — even, grainy speckle ideal for dithering

BrickPattern

Classic brick wall pattern with alternating rows and mortar gaps

Checkerboard

Classic checkerboard pattern with two alternating colors

Chevron

Animated chevron / zigzag stripe pattern

ColorWheel

A directional gradient that smoothly cycles through rainbow colors or a custom set of three colors

ConicGradient

Colors sweep in a full circle around a center point, like a color wheel

CurlNoise

Swirling divergence-free flow field that drifts over time

DiamondGradient

Diamond-shaped gradient radiating from a center point using Manhattan distance

DotGrid

Grid of dots with optional twinkling animation

ErosionNoise

Branching, hydraulic-erosion ridges carved into noise

FallingLines

Directional falling lines with a leading-to-trailing color fade

FloatingParticles

Drifting, twinkling motes — thousands of real simulated particles floating in a shared heading with per-particle wander and variance, and a cursor that stirs the field with a gust that settles back into the drift

FlowingGradient

Liquid silk gradient with organic flowing color bands

FractalNoise

Multi-octave fractal Brownian motion noise texture with true noise evolution

GaborNoise

Oriented sine-grain noise with a fingerprint-like flow

Godrays

Volumetric light rays emanating from a point

Grid

Simple grid lines pattern with adjustable thickness and rotation

HexGrid

Honeycomb hexagonal grid pattern

HTMLInCanvas

Render live HTML/DOM content as a WebGPU texture layer via the html-in-canvas API. Requires Chrome Canary with chrome://flags/#canvas-draw-element enabled.

ImageTexture

Display an image with customizable object-fit modes

IsometricCubes

Isometric tumbling-blocks tiling — a 3D cube illusion (rhombille pattern)

LinearGradient

Create smooth linear color gradients

Marble

Classic marble swirl and vein texture using noise-warped sine waves

MeshGradient

Flowing mesh gradient of soft drifting color swaths whose seams wrap through the palette

MultiPointGradient

Five individually placed color points blended together by proximity — drag each point to shape the gradient

PerlinNoise

Smooth gradient noise that morphs over time

Plasma

Animated effect of glowing plasma

Prism

A beam of light that fans out and splits into a slowly-rotating rainbow past a controllable point. Transparent background — composite over a dark layer.

RadialGradient

Radial gradient radiating from a center point

Ripples

Concentric animated ripples emanating from a point

Scratches

Fine hairline scratches, like a worn film or scratched surface

SimplexNoise

Organic noise with animated movement

SineWave

Animated wave with thickness and softness

SolidColor

Fill the canvas with a single solid color

Spiral

Rotating spiral pattern with animated movement

Strands

Flowing ribbons of light with a multi-color gradient

Stripes

Alternating colored stripes with animation

StudioBackground

Multi-light studio background with ambient motion.

SunBurst

Radial sunburst rays emanating from a center point

Swirl

Flowing swirl pattern with multi-layered noise

Text

Text with any Google font — multi-line with wrapping, alignment and line height — rendered crisp via a glyph texture

TriangularGrid

Tiling grid of equilateral triangles with optional animated row offsets

Truchet

Quarter-circle arc tiles that connect to form organic, maze-like flowing curves

VideoTexture

Display a video with customizable playback and object-fit modes

Voronoi

Cellular pattern where each pixel is colored by its distance to the nearest of many scattered points

Waveform

Audio-visualizer waveform — equalizer bars, a filled wave, an oscilloscope line, or a dot matrix — driven by a simulated signal whose amplitude you can map to your own audio level

WaveletNoise

Rotating banded wavelets that ripple as they animate

Weave

Interlaced textile weave pattern with two thread colors going over and under each other

WebcamTexture

Display a live webcam feed with customizable object-fit modes

WorleyNoise

Cellular noise field — distance-based, with selectable feature combinations and fractal octaves