Diffraction Archive preview
Diffraction Archive Pro · Coming soon for Aperveil 1.0 WebGPU shader

A spectrum, precisely placed.

A diffraction grating shader for React with localized spectral reflections. Tune groove pitch, lighting and spread, then export the WebGPU material.

Meet the surface

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.

A surface, not a screenshot.
Pro · Coming soon for Aperveil 1.0React exportRaw WGSL

THE SYSTEM BEHIND THE SURFACE

Inside Diffraction Archive.

Diffraction Archive relates spectral reflection to groove pitch and light direction on a continuous machined surface. Its wavelength integration uses an analytic observer approximation.

It is not an optical instrument, measured diffraction dataset or general wave-optics solver. Artistic spread and surface lighting remain approximations.

7.274 ms GPU timestamp median; p95 11.6 ms. 1440x900 @ dpr 1.5; Metal driver on macOS Version 26.6.2 (Build 25G83); measured 2026-09-06. This is a recorded headless sample, not a browser FPS or mobile-performance guarantee.

01

Roughness

Softness of the metal's reflection; higher values give a duller satin.

02

Surface curvature

How domed the surface is; more curvature bends the highlights across it.

03

Light angle

Direction of the studio light, in degrees.

04

Light spread

Size of the studio's area light; larger lights give broader, softer highlights.

Color Looks preserve these settings. Open the editor for all 18 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 shaders

THE SURFACE IN CONTEXT

Made for a real interface.

Give an experimental design archive a focused spectral accent. Keep the rest of the surface quiet and use a compact editorial title away from the strongest color.

Diffraction Archive used behind an example interface
SPECTRA / A DESIGN ARCHIVEExample composition

Experiments in reflected color

Light has many stories.

An evolving collection of visual experiments. Familiar surfaces, unfamiliar points of view.

Collection

Studies in light and perception.

Perspective

Look again from somewhere new.

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.

A FEW USEFUL DETAILS

Before you ship.

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

ANOTHER WAY TO SEE IT

All shaders
Iridescent Foil shader previewIridescent FoilChromatic Drift shader previewChromatic DriftGlass Flutes shader previewGlass Flutes

YOUR COLORS. YOUR CONTEXT.

Make Diffraction Archive yours.