Fieldbook
Sign in

Cards

Link thumbnail peek

Hovering a link in running text lifts a small framed thumbnail of where it leads, with the page title and host underneath.

Using Link thumbnail peek

Hovering a link in running text lifts a small framed thumbnail of where it leads, with the page title and host underneath.

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: openDelay, cardWidth, side, accent, showCaption

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

Link thumbnail peek
1785Link thumbnail peekCardsAn inline link that unfolds a small mock thumbnail of its destination above the word while the pointer rests on it.
2834Link Thumbnail PeekCardsAn inline link that pops a small thumbnail of its destination above the text while the pointer rests on it.
Pixel Bloom Card
1875Pixel Bloom CardCardsA card whose surface fills with tiny squares that bloom outward from the centre on hover, shimmer while held, and shrink away on leave.
Pointer spotlight card
1830Pointer spotlight cardCardsA card whose border lights only along the arc nearest the cursor, with a soft interior wash that follows the pointer and retreats when it leaves.
Pointer Spotlight Panel
1876Pointer Spotlight PanelCardsA content panel with a soft light that follows the pointer across its face and pins to the centre on keyboard focus.
Profile flip card
1799Profile flip cardCardsA portrait profile card that turns over in 3D on hover or tap to reveal a bio, follower counts and a follow action on its back.