SkillGitHub
All components
hover-preview

Hover preview

Previews a destination without leaving place, with keyboard and touch pinning support.

  • Keyboard ready
  • Reduced motion
  • TypeScript
Scene
editorial · warm
Runtime cost
Medium
Motion engine
motion
Installnpx shadcn@latest add https://motion-lexicon.pages.dev/r/hover-preview.json

Component behavior

Preview emerges beside the focused anchor Previews a destination without leaving place, with keyboard and touch pinning support.

Suitable events

Use for opening, positioning, and closing overlays, including keyboard focus transitions.

Runtime information

Motion engine
motion
Runtime cost
Medium
Dependencies
motion
Open public Registry JSON