Cards

Cursor drift link preview

A link preview panel that leans toward wherever the pointer sits on the link, trailing it on a soft spring.

Engineering digest

This week's latency regression notes trace the spike back to a stale connection pool, and the service health board shows the fix holding steady across every region since the rollout.

Using Cursor drift link preview

A link preview panel that leans toward wherever the pointer sits on the link, trailing it on a soft spring.

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: driftAxis, driftAmount, stiffness, 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

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.

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.

1779Hover preview popoverCardsA small detail card that opens beside a link after a short hover and stays open long enough to move the pointer into it.

1800Profile hover cardCardsHovering or focusing a small avatar chip opens a profile panel with a name, handle, bio and follower counts.

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.