Magnetic Ink preview
Magnetic Ink Pro · Coming soon for Aperveil 1.0 WebGPU shader

Matter with a mind of its own.

A dark, reflective WebGPU material with soft peaks that respond to the cursor. Shape the field, height and lighting of this ferrofluid-inspired surface.

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.

Pro · Coming soon for Aperveil 1.0React exportRaw WGSL

Inside Magnetic Ink.

Magnetic Ink combines directional height waves with analytic surface gradients and bounded parallax refinement. A local cursor field raises the surface into soft peaks; a procedural studio light makes the dark material legible.

The surface is ferrofluid-inspired, not a magnetohydrodynamic solver. It does not simulate particles, physical magnets, true fluid topology or a three-dimensional imported object.

No published timing sample. Profile this effect on your target devices.

Crest spacing

How many crests fit across the surface; higher values pack them closer.

Surface height

How tall the crests stand.

Crest shape

Shape of each crest: low values give soft mounds, high values sharp spikes.

Surface roughness

Softness of the studio reflections on the liquid.

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

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

Made for a real interface.

Give an experimental hardware studio, sound instrument or material-led portfolio a tactile identity. Keep typography spare and let the broad highlights reveal the shape of the dark surface.

Magnetic Ink used behind an example interface
ATTRACT / INSTRUMENTS & OBJECTSExample composition

An independent material practice

Drawn to a different kind of matter.

Objects with weight, texture and a reason to exist. Exploring the space between useful instruments and things you simply want to touch.

Material

Dark surfaces. Expressive light.

Interaction

A quiet response to your presence.

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.

Before you ship.

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

All shaders

Make Magnetic Ink yours.