Pleat: Satin, folded to catch the light.
A pleated satin background for React: sharp folds under two traveling lights, the colored one catching the folds' edges and following the pointer, in WebGPU.
Part of Aperveil Shaders and Aperveil Pro · Coming soon. The live demo is open; editing and downloads open in a later release. Free shaders and blocks are available now.
Color Looks
THE SYSTEM BEHIND THE SURFACE
Inside Pleat.
Pleat folds a satin sheet into sharp, parallel creases that lean across the frame. Two lights cross it in turn: a white one from high above, under which the satin is one quiet tone and each crease falls into a narrow dark V, and a colored one that comes in low, so the flat satin catches little of it while the edge of every fold lights up as a bright line with soft shoulders. The creases swell and taper along their length and drift slowly sideways. The pointer draws the colored light toward itself.
Pleat is shading on a pleated surface, not a cloth simulation: the folds do not hang, collide or respond to gravity, and it does not drape your own images.
0.786 ms GPU timestamp median; p95 3.015 ms. 1440x900 @ dpr 2; Apple M2 (8-core GPU), Metal driver on macOS Version 26.6.2 (Build 25G83); measured 2026-10-16. This is a recorded headless sample, not a browser FPS or mobile-performance guarantee.
Pleat width
The distance from crease to crease, across the frame, in frame heights.
Lean
How far the creases lean from vertical, in degrees; positive leans them right going down.
Crease depth
How steeply the satin falls into each crease.
Crease width
How wide each crease's fold is.
Color Looks preserve these settings. Open the editor for all 13 controls.
APERVEIL PRO
Coming soon.
The live demo is open above and in the editor. Editing its settings and downloading it open with Aperveil Pro in a later release. Free shaders and blocks are available now.
Explore shadersTHE SURFACE IN CONTEXT
Made for a real interface.
Give a fashion, interiors or luxury launch a tactile, quiet hero: the folds read as material, and the colored light gives the page a slow pulse without competing with the copy.
Autumn / Winter collection
Cut close, folded fine.
An illustrative fashion house page with pleated satin behind the collection title.
An illustrative layout. Your content stays in HTML; the shader sets the atmosphere.
Try this surface in the editorA FEW USEFUL DETAILS
Before you ship.
What this surface does, where it fits, and where it stops.
ANOTHER WAY TO SEE IT
Keep exploring.
YOUR COLORS. YOUR CONTEXT.