Fieldbook
Sign in

Cards

Refracted glass player

A media player panel that behaves like a thick slab of glass, bending whatever sits behind it near the rounded edges while the keys refract more strongly than the body.

Using Refracted glass player

A media player panel that behaves like a thick slab of glass, bending whatever sits behind it near the rounded edges while the keys refract more strongly than the body.

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: distortion, frost, radius, 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 preview and component description are public. Sign in with an authorized account to open the code, framework versions and installation panel.

Connect your agent

Nearby

Turbulence Decay Card
1900Turbulence Decay CardCardsAn 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.
Anchored site preview
1762Anchored site previewCardsA hover preview whose side, alignment and offset can be dialled in, with a pointing arrow that tracks the anchor and flips with it when there is no room.
Bevel Edge Panel Card
1841Bevel Edge Panel CardCardsA card with a one-pixel inner bevel that makes it look pressed into the page, and a frame mode that groups stacked sub-panels.
Bouncing Photo Fan
1844Bouncing Photo FanCardsA row of overlapping square photo tiles that pop in with an elastic overshoot, then shove each other aside when one is hovered.
Brushed Metal Pass
1845Brushed Metal PassCardsAn access-pass card whose brushed metal face carries a specular band that swings with the pointer, over a rippled noise surface and a fine grain.
Card Shuffle Stack
1846Card Shuffle StackCardsA fanned stack of panels that cycles on a timer: the front panel drops away, the rest step forward, and the dropped one swings in at the back.