Components
190+Textures
54Generators that paint a full frame on their own.
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
Shapes
16Crisp signed-distance shapes at any resolution.
Arc
Pie sector (arc wedge) with adjustable radius and aperture angle
Circle
Generate a circle with adjustable size and softness
Crescent
Crescent moon shape — an outer circle with an inner circle subtracted
Cross
Plus / cross shape with adjustable arm length, width, and rounding
Ellipse
Ellipse with independently adjustable horizontal and vertical radii
Flower
Petal shape with N lobes and adjustable inner-to-outer radius ratio
Heart
Heart shape with adjustable size
Line
Draw a straight line between two points with color, thickness, and solid, dashed, or dotted styles
Parallelogram
Parallelogram with adjustable width, height and skew
Polygon
Regular polygon with adjustable sides and corner rounding
Ring
Annular ring (donut) with adjustable radius and band thickness
RoundedRect
Rounded rectangle with adjustable width, height, and corner rounding
Star
Classic star polygon with straight sides and sharp pointed tips
Teardrop
Teardrop — a rounded bulb tapering to a sharp point
Trapezoid
Trapezoid with adjustable top and bottom widths and height
Vesica
Vesica piscis (lens shape) formed by the intersection of two overlapping circles
Materials like glass, metal and light for a shape.
BrushedMetal
Photorealistic brushed metal — a satin anodised surface combed with fine directional grain that smears the reflected studio and key light into the long anisotropic streaks of real brushed aluminium, steel, gold or copper
CarbonFiber
Photorealistic woven carbon fibre — interlaced tows whose anisotropic sheen flips ninety degrees cell to cell, raised into a quilted weave and finished with a glossy clearcoat that mirrors the studio. Plain or twill, in any shape.
Chrome
Studio-lit mirror chrome — a precision-machined shape with a controllable polished bevel, softly convex faces and a photographic studio reflected in them: one huge frontal softbox, black flags, and thin warm/cool strip lights that fringe amber and ice-blue exactly where the reflections break
Crystal
Diamond-like crystal lens with faceted refraction.
Emboss
Embossed / debossed relief shading on top of child content, driven by a custom shape
Frost
Photoreal frozen ice — thickness-driven subsurface scattering that reads as a solid block, with fine frost crystals creeping in from the edges
Glass
Optically realistic glass lens driven in a custom shape
Goo
Photoreal wet liquid — animated 3D metaball blobs that merge and bulge to loosely form the shape, with sliding wet highlights, a clearcoat rim and a translucent body
Heatmap
Thermal-camera heat flowing through any 2D, SVG, or 3D shape. Powered by Paper Shaders.
Hologram
Volumetric sci-fi hologram — a translucent emissive projection of the shape with fresnel-lit edges, depth scan-lines that wrap 3D forms, CRT scanlines, flicker and beam wobble
Holographic
Iridescent holographic foil sticker with animated rainbow sheen and glitter flakes
Irradiance
Photorealistic light spilling around the edge of any 2D, SVG, or 3D shape — any number of movable coloured point lights strike the silhouette and the lit edges irradiate their surroundings, gathered in a compute pass with real cast shadows, mixing where they meet and burning to white at the rim
LightEdge
Glowing, pulsing light racing around the edge of any 2D, SVG, or 3D shape. Powered by Paper Shaders.
LiquidMetal
Flowing liquid chrome — a molten reflective surface that wraps the shape, sweeping a procedural studio reflection across animated folds with crisp speculars and prismatic edges
Nebula
A volumetric gas nebula sealed inside polished glass; billowing emission clouds with hollow dark cavities and hot glowing cores, star fields drifting at real depth behind the gas, all refracted through the curved walls of the shape and dressed with studio reflections
Neon
Photorealistic neon tube / 3D pipe effect driven by a custom shape
Obsidian
Dark tinted glass whose faces stay near-black while every surface turning away from the viewer ignites with a flowing iridescent gradient — vivid colour living only on the oblique walls and bevels
Particles
A swarm of simulated particles that settles into the shape, filling it evenly — flat, SVG or true 3D volumes — scattering from the cursor (or chasing it), tumbling when the shape moves, and always drifting back home
Plastic
Glossy molded plastic with photorealistic studio reflections, driven in a custom shape
SmokeFill
Fill a shape with swirling fluid smoke that interacts with the shape boundary
ThinFilm
Iridescent thin-film edge
Voxels
Rebuild any shape out of voxels — a flat shape becomes chunky pixel art, a 3D shape a lit voxel model with smooth ambient occlusion, cast shadows, a key light you can orbit or drive, and per-cube colour
Water
Translucent water — a refractive, light-absorbing body that deepens to its colour with thickness, wrapped in a wind-driven wave surface that reflects a procedural sky, with Fresnel-bright grazing edges and foam breaking on the crests and shoreline
Stylize
30Looks and treatments for the layers beneath them.
Ascii
Convert imagery to ASCII character art
Chalkboard
Renders content as a chalk drawing on a blackboard, with edge strokes and cross-hatch shading
ChromaticAberration
Separate RGB channels for a prismatic distortion effect
CompressionArtifacts
Simulates lossy JPEG compression — 8×8 DCT block quantization, blockiness, ringing and color bleed
ContourLines
Draw topographical contour lines based on luminance or alpha
CRTScreen
Retro CRT monitor simulation with scanlines
DataMosh
Corrupted-codec motion smearing — macroblocks lock in place and drag their pixels across the frame in liquid trails, each recovering on its own clock, like a video stream that lost its keyframes
Dither
Dithering effect with multiple pattern options
DropShadow
Adds a soft shadow behind the child content based on its alpha silhouette
Engraving
Copper-plate line engraving — the image is redrawn as flowing line work whose weight swells with darkness, lines displaced by the form like a banknote portrait: a single plate, cross-hatched shadow plates, or one continuous spiral cut
FilmGrain
Analog film grain texture overlay, weighted toward darker areas
Glitch
Digital glitch that melts pixels and distorts colors
Glow
Soft glow effect with adjustable intensity
GradientMap
Maps source luminance through an animated color gradient (Photoshop-style gradient map)
Halftone
Halftone dot pattern effect for printing aesthetics
KeyFrames
Motion-tracking overlay — trackers hunt and follow features in the content, dropping keyframe diamonds behind them along their motion paths, like a compositor mid-track
LensDistortion
Split content into shifting chromatic layers with barrel or pincushion lens warp. Powered by Paper Shaders.
LensFlare
Realistic camera lens flare with artifacts.
LightLeak
Photorealistic film light leak — warm overexposed light bleeding in from a draggable anchor point, with streak bands, chromatic fringing, and slow breathing that evolves over time
ObjectTracker
Computer-vision style object detection overlay — draws bounding boxes and labels around detected regions of the content below, with grid, quadtree and mosaic layouts.
Paper
Applies realistic paper grain and surface roughness to child content
ParticleField
Explodes the child content into a breathing 3D field of particles — bright areas float toward you and dark areas recede, the whole relief can be orbited with the camera rotations, and the cursor physically throws particles that spring back home
Pixelate
Pixelation effect with adjustable cell size
ReflectivePlane
Reflective floor that mirrors the content above it
Stone
Applies a marbled stone relief and surface distortion to child content
TimeTrail
An Echo-style temporal trail — whatever moves sheds a smooth, decaying long-exposure ghost trail (frame-difference Motion mode works on opaque images and video; Alpha mode trails a shape's coverage), with optional zoom-feedback tunnels and rainbow light-painting
VHS
Analog VHS tape with intermittent tape damage, chroma bleed, and per-scanline noise
Vignette
Darkens or tints the edges of the frame, drawing attention toward the center
Watercolor
Painterly watercolor look — Kuwahara flattening, pigment edge darkening, paper grain and bleeding
Wool
Applies an interwoven fibrous fabric texture and distortion to child content
Simulations and effects that react to the cursor.
Boids
A living murmuration of hundreds of flocking agents drawn as crisp arrows, streaks, dots or glowing comets — separation, alignment and cohesion drive fluid, splitting-and-merging ribbons, agents flash toward an excited color when scattered, and the cursor acts as an attractor or a predator
ChromaFlow
Interactive liquid flow effect that follows your cursor
CursorRipples
Fluid-like ripple distortion
CursorTrail
Animated trail effect that tracks cursor movement
Fog
Fog that fills the screen and interacts with the mouse
GridDistortion
Interactive grid distortion controlled by mouse position
InkFlow
Drag to paint swirling ribbons of ink through a real fluid field — eddies keep evolving after you let go
Liquify
Liquid-like interactive deformation effect
MagneticFilings
Thousands of tiny iron filings scattered on paper that swing to align with a magnetic field around the cursor, tracing out the field lines — a dipole whose axis follows the cursor's motion draws the classic two-lobed swirl, and every sweep of the magnet sends a glowing wave of filings flipping and settling
ParticleFlow
Thousands of drifting dust particles carried by a real incompressible fluid field the cursor stirs — drag to plow a wake and the particles ride the eddies and vortices it leaves behind, while a gentle ambient breeze keeps the whole scene breathing on its own
PixelSort
Pixels sort by brightness around the cursor and keep their sorted position, optionally decaying back over time
PixelThrow
Throws pixels along the cursor's path like a fluid — brighter (or redder/greener/bluer) pixels are flung farther, then settle back with friction
ReactionDiffusion
A living Gray-Scott reaction-diffusion pattern that fills the layer and blooms wherever you drag the cursor
Shatter
Broken glass effect with tectonic plate displacement
Smoke
Realistic fluid smoke simulation with vorticity dynamics
SmokeFlow
Cursor-driven smoke that lingers, swirls, and dissipates with fluid dynamics
Warp, bend and displace the layers inside them.
BarShift
Slices content into parallel bars, each offset independently for a fractured or glitch-like effect
Bend
Bends the ends of the frame toward you like a curved display — content at the edges swells closer under real perspective, or curls away when the strength goes negative
Bulge
Magnify or pinch content around a center point
ConcentricSpin
Concentric rings that each rotate the underlying image by different amounts
CornerPin
Pin each corner of the content to an arbitrary position for a free perspective warp
DisplacementMap
Distorts child content using another layer's pixels as a displacement map
Flip
Mirror content horizontally, vertically, or both
FlowField
Fluid-like distortion with constant smooth motion
FlutedGlass
Full-screen fluted glass effect — refracts content through repeating cylindrical bars
Form3D
Wraps child content onto a 3D raymarched shape with lighting.
GlassTiles
Refraction-like distortion in a tile grid pattern
Kaleidoscope
Create a kaleidoscope effect with radial mirrored segments
Mirror
Mirror content across a line defined by center point and angle
Perspective
Rotate the plane in 3D space with pan and tilt
PolarCoordinates
Convert rectangular coordinates to polar space
RectangularCoordinates
Convert polar coordinates back to rectangular space
Repeater
Repeat the child content in grid, radial or linear layouts with per-instance variation
Spherize
Map content onto a 3D sphere surface with depth distortion
Stretch
Stretch content towards a direction from a center point
Surface3D
Drapes child content over a 3D wave surface with perspective and lighting
Twirl
Rotate and twist content around a center point
WaveDistortion
Wave-based distortion with multiple waveform types
Wipes, dissolves and reveals between two layers.
BarnDoors
Split the content along a center line and wipe outward in both directions
BlockDissolve
Dissolve the content away as a grid of blocks vanishing in random order
CheckerWipe
Wipe the content away as a checkerboard of fading squares
DiamondWipe
Wipe the content away through a lattice of growing diamonds
IrisWipe
Reveal through an expanding circle growing from a center point
LinearWipe
Wipe the content away along a straight edge with a soft feathered transition
NoiseDissolve
Dissolve the content away through an organic noise pattern
PagePeel
Curl the content up from a corner like a peeling page
RadialWipe
Sweep the content away in a clock-hand arc around a center point
RandomBars
Wipe the content away as parallel bars vanishing in random order
RippleWipe
Wipe the content away in concentric rings pulsing out from a center point
SliceWipe
Slice the content into strips that slide away in alternating directions
VenetianBlinds
Wipe the content away behind a set of parallel closing strips
Every kind of blur, from bokeh to tilt-shift.
AngularBlur
Radial motion blur rotating around a center point
Blur
A simple Gaussian blur effect
BokehBlur
Photographic lens blur where bright highlights bloom into aperture-shaped discs
ChannelBlur
Independent blur for red, green, and blue channels
DiffuseBlur
Grain-like pixel displacement at random
LinearBlur
Directional motion blur in a specific angle
ProgressiveBlur
Blur that increases progressively in one direction
TiltShift
Selective focus blur mimicking tilt-shift photography
ZoomBlur
Radial zoom blur expanding from a center point
Color and tone corrections for any layer.
BrightnessContrast
Adjust brightness and contrast of the image
Duotone
Map colors to two tones based on luminance
Exposure
Multiplicative exposure (gain) on the child. Unlike additive brightness, it scales values around black — blacks stay black while highlights can be pushed past 1.0 to feed HDR bloom and tone-mapping roll-off. Pointwise, so no extra render pass is needed.
FilmStock
Real analog film color from measured film-emulation LUTs — ten classic stock looks with emulsion halation and projector gate weave
Grayscale
Convert colors to black and white
HueShift
Rotate hue around the color wheel
Invert
Invert RGB colors while preserving alpha
Posterize
Reduce color depth to create a poster effect
Saturation
Adjust color saturation intensity
Sharpness
Adjust image sharpness using a convolution kernel
Solarize
Inverts tones above a luminance threshold — a classic darkroom and photo effect
Tint
Apply a color tint to the image
Tritone
Map colors to three tones: shadows, midtones, highlights
Vibrance
Selective saturation adjustment protecting skin tones