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

Light Curtain: Light that falls and comes to you.

A WebGPU curtain of light threads for React: hair-fine lines falling down a wall and turning onto the floor toward you, light running down 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 Light Curtain.

Light Curtain hangs hair-fine threads of light down a wall and turns them, over a rounded edge, onto the floor toward you, where perspective fans them wide. Each thread has its own color and brightness. Light runs down them in three ways, as long comets, strings of beads and slow-breathing glows, under a broad swell that rolls along the curtain. Bend sets how gently the wall turns into the floor; Ripple lets the curtain wave. The pointer parts the threads around it.

Light Curtain draws its own threads; it is not a particle system and does not follow your scroll or react to sound.

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

01

Threads

How many threads hang across the curtain.

02

Width

How wide the curtain is.

03

Bend

The radius of the edge where the wall turns into the floor.

04

Ripple

How far the curtain ripples across its threads.

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

THE SURFACE IN CONTEXT

Made for a real interface.

Open a music, event or technology page in the dark: the curtain's foot under the headline, its light falling toward the reader.

Light Curtain used behind an example interface
SIGNALExample composition

Live at the Hall

Light falls at midnight.

An illustrative event page with the curtain of light behind the date.

Doors

23:00

Venue

Hall Nine

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.

Light pulses sets how much of it gathers into comets and beads; at zero every thread glows steadily. Speed sets how fast the light runs.

Bend sets the radius where the wall turns into the floor, Width how wide the curtain is, Height where the eye sits, and Ripple how much the curtain waves.

It parts the threads around itself; Pointer response sets how far.

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 light shaders
Fiber Optic shader previewFiber OpticLight Streaks shader previewLight StreaksGod Rays shader previewGod Rays

YOUR COLORS. YOUR CONTEXT.

Make Light Curtain yours.

Open editor