Overlays

Linked Profile Preview

A rich preview card that appears when a visitor hovers or focuses a linked name, showing an avatar, bio and follower stats, with an optional cursor-following float.

Release notes drafted by Mira SatoMira Sato. @mirasato. Designs motion systems for growth-stage products, previously led the brand refresh at a payments startup.. 182 following, 9.8K followers went out for review, and Devon ParkDevon Park. @devonpark. Staff engineer focused on design tooling, build performance, and component libraries.. 64 following, 2.3K followers signed off before the release went out.

Using Linked Profile Preview

A rich preview card that appears when a visitor hovers or focuses a linked name, showing an avatar, bio and follower stats, with an optional cursor-following float.

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

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

2296Account Menu FlyoutOverlaysA profile summary button that opens into an account menu of labeled rows, with a small curved indicator line that straightens when the menu is open.

2137Cursor-chasing tooltipOverlaysA hint bubble that pops in on hover or focus and can glide to trail the pointer as it moves across the trigger.

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.

2295Account Dropdown MenuOverlaysAn avatar trigger that opens a grouped account menu with keyboard shortcut hints, a theme submenu, and a destructive sign-out row styled apart from the rest.

1910Anchored detail popoverOverlaysA trigger button that opens a small anchored panel holding a titled settings form, growing out of the trigger's edge and closing on Escape or an outside click.

1911Anchored info popoverOverlaysA trigger button that opens a small floating info panel anchored to one of its edges, fading and scaling in from that edge and dismissing on outside click or Escape.