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

Silk Current: A current of silk and light.

A WebGPU ribbon of glowing threads for React: it sweeps through the frame and twists, surging and easing, with signals of light under the pointer.

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 Silk Current.

Silk Current sweeps a ribbon of fine glowing threads up through the frame and off to one side, twisting as it goes: flat it is a wide satin sheet, edge-on it pinches into one bright line, and its threads cross over one another rather than meeting in a point. It surges and eases instead of moving at one pace, a band of sheen travels along it, and its back threads are softly out of focus. Turn and mirror it to run any way. Under the pointer, fine signals of light run out along its threads.

Silk Current draws one ribbon; it is not a fabric simulation and does not wrap your content or follow a path you draw.

4.85 ms GPU timestamp median; p95 6.685 ms. 1440x900 @ dpr 1.25; 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

Width

How wide the ribbon is.

02

Threads

How many threads make up the ribbon.

03

Twist

How many half-turns the ribbon makes along its length.

04

Glow

The deep glow round the ribbon.

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

THE SURFACE IN CONTEXT

Made for a real interface.

Give a fashion, beauty or creative studio page a moving accent: the ribbon on one side of the frame, the words in the space it leaves.

Silk Current used behind an example interface
MAISONExample composition

Autumn collection

Made to move with you.

An illustrative brand page with the ribbon sweeping beside the headline.

Collection

Autumn 26

Pieces

Twenty-four

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.

Yes. Direction turns its path round the frame, Mirror flips it left to right, and Twist travel sets which way, and how fast, its twist runs along it.

Surge sets how much it speeds up and slows down; at zero it moves evenly.

It draws the ribbon a little toward itself and, over it, sends fine signals of light along the threads; Signals and Signal speed set how bright and how fast.

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 fabric & folds shaders
Silk Bands shader previewSilk BandsSpectral Ribbons shader previewSpectral RibbonsSignal Weave shader previewSignal Weave

YOUR COLORS. YOUR CONTEXT.

Make Silk Current yours.

Open editor