Skip to content
Pro · Coming soon for Aperveil 1.0 WebGPU shader

Lumen Folds: Light on a rolling surface.

A WebGPU glossy surface of ridges on rolling swells for React: vivid lines of light close into loops and split into color where the swells turn them.

Open editorMeet the surface

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

A surface, not a screenshot.
Pro · Coming soon for Aperveil 1.0React · Vue · HTML · WordPress · FramerRaw WGSL

THE SYSTEM BEHIND THE SURFACE

Inside Lumen Folds.

Lumen Folds is a glossy, lacquer-dark surface of fine parallel ridges riding on broad swells, seen in perspective. One panel of light lies on every ridge as a glowing line, one on each flank; where a swell tilts a ridge away, its two lines meet and close in a rounded loop that fills with light and splits into color at its tip. Between the lines the gloss reflects a second light and the horizon in another color, so every ridge shows its form. The swells roll on, so the loops reach toward you and draw back; the pointer raises a soft mound in the surface.

Lumen Folds draws its own surface and light; it does not reflect your page or render 3D models.

1.901 ms GPU timestamp median; p95 2.949 ms. 1440x900 @ dpr 1.5; Apple M2 (8-core GPU), Metal driver on macOS Version 26.6.2 (Build 25G83); measured 2026-10-20. This is a recorded headless sample, not a browser FPS or mobile-performance guarantee.

01

Ridge spacing

How far apart the fine ridges are.

02

Ridge height

How tall the fine ridges are.

03

Swell height

How high the broad swells roll; they make the lines close into loops.

04

Swell size

How long the broad swells are.

Color Looks preserve these settings. Open the editor for all 26 controls.

THE SURFACE IN CONTEXT

Made for a real interface.

Set a quiet, premium mood behind a headline: the lines in the upper part of the frame, the darker surface below for text.

Lumen Folds used behind an example interface
NORTHERNExample composition

A studio for sound

Quiet, in waves.

An illustrative studio page with the glossy surface behind the headline.

Studio

Oslo

Founded

2026

Illustrative layout, not a customer project. The image is a still preview of the selected Look.

An illustrative layout. Your content stays in HTML; the shader sets the atmosphere.

Try this surface in the editor

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 shaders
Markdown guide

A FEW USEFUL DETAILS

Before you ship.

What this surface does, where it fits, and where it stops.

They are reflections of one panel of light. Its edge shows as a line on each flank of a ridge; where a swell tilts the ridge too far, the two lines meet and close, and the panel's face fills the loop with a softer light.

Swell height and Swell size shape the broad waves, Ridge spacing and Ridge height the fine ridges, and Reach how far toward you the ridges run.

It raises a soft mound in the surface, bending the lines round it; Pointer response sets how high.

This landing shows a still poster of your selected Color Look. The raw WGSL needs a WebGPU host. Landing posters are not bundled in the Export Kit: add your own fallback around the exported component.

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. Follow the license notices supplied with the source you download. Commercial use comes with Aperveil Shaders or Aperveil Pro: the proposed individual license covers one developer on unlimited permitted personal, client and SaaS interface projects.

ANOTHER WAY TO SEE IT

All lines & symmetry shaders
Line Waves shader previewLine WavesTopo Lines shader previewTopo LinesOcean Swell shader previewOcean Swell

YOUR COLORS. YOUR CONTEXT.

Make Lumen Folds yours.

Open editor