Hover Preview Link

Hover a link to get a preview card that trails your cursor and leans as it moves.

Library

UI Lab

Framework

React

Type

component

License

MIT

Install

npx shadcn@latest add https://lab.xevrion.dev/r/hover-preview-link.json

Files

• src/lab/components/hover-preview-link.tsx
• src/lib/use-reduced-motion.ts
• src/lib/cn.ts
• src/lab/preview-play.ts

Source

https://github.com/xevrion/ui-lab

Categories

• Action Components
• React Action Components
• Tailwind CSS Action Components
• Animated Action Components
• Hover Card Components
• React Hover Card Components
• Tailwind CSS Hover Card Components
• Animated Hover Card Components
• Link Components
• React Link Components
• Tailwind CSS Link Components
• Overlay Components

More from UI Lab

• Confirm Popover
• Copy Email
• Directional Underline
• Hover Card
• Selection Toolbar
• Accordion
• Activity Timeline
• Announcement Banner
• Arrow Callout
• Autosave Status
• Availability Badge
• Avatar Stack