Light, in motion.
An interactive aurora background for React and Next.js. Flowing WebGPU light curtains, considered color looks, and WGSL you can make your own.
Part of Aperveil Pro · Coming soon. The live demo, editor and downloads will open in a later release. Free shaders and blocks are available now.
THE SYSTEM BEHIND THE SURFACE
Inside Aurora Drift.
Aurora Drift layers flowing light curtains over a quiet field. A local pointer-driven wind bends the curtains without moving their composition across the page.
This is a procedural WebGPU effect, not a CSS gradient or an astronomical simulation. It does not process uploaded images.
7.274 ms GPU timestamp median; p95 15.008 ms. 1440x900 @ dpr 1.5; Metal driver on macOS Version 26.6.2 (Build 25G83); measured 2026-09-08. This is a recorded headless sample, not a browser FPS or mobile-performance guarantee.
Flow speed
How fast the curtains drift sideways.
Wind shear
How much the curtains bend and ripple, and how strongly the pointer's wind pushes them.
Glow
Brightness of the curtains.
Curtain density
Curtains drawn, up to the six the shader carries.
Color Looks preserve these settings. Open the editor for all 12 controls.
APERVEIL PRO
Coming soon.
This Pro surface's demo, editor and downloads will open in a later release. Free shaders and blocks are available now.
Explore shadersTHE SURFACE IN CONTEXT
Made for a real interface.
Give a product launch a slow, luminous opening. Keep your headline in the calm upper field and let the lower curtain carry the motion.
of what comes next.
An illustrative layout. Your content stays in HTML; the shader sets the atmosphere.
A 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.