Cards

Turbulence Decay Card

An artwork panel that smears into noise while the pointer moves fast and re-forms when it slows, drifting and tilting toward the cursor as it goes.

Ferrous Bloom

Plate no. 14, gallery proof

Using Turbulence Decay Card

An artwork panel that smears into noise while the pointer moves fast and re-forms when it slows, drifting and tilting toward the cursor as it goes.

Try the live preview with a pointer and keyboard, then check focus visibility and the narrow layout in your own page. Use the plate number or slug when asking your coding agent to fetch this component.

Props: grain, octaves, maxSmear, driftBound, accent

Which frameworks are available?

The catalog lists these versions: react, vue, svelte, astro, html. The live preview on this page runs React.

How do I access the implementation?

The code, framework versions and installation commands are available in the workbench above.

Connect your agent

Nearby

1854Edge tracking glow cardCardsA card whose outline only lights up where the pointer gets close to it, brightening as you approach the rim and going dark near the middle.

1876Pointer Spotlight PanelCardsA content panel with a soft light that follows the pointer across its face and pins to the centre on keyboard focus.

1877Pointer tilt photo cardCardsA captioned photo card that tips toward the pointer on a spring, with a soft highlight sliding across the face as it turns.

1802Repelling dot field cardCardsA promo panel filled with a field of dots that push away from the pointer and brighten as it passes.

1544Spotlight cardCardsCards whose 1px border and surface light up around the pointer, with the highlight carrying across a row of stat tiles.

1545Tilt cardCardsA content card that rotates in 3D toward the pointer with a moving glare, lifts while engaged, and springs back to level when the pointer leaves.