LinkPreview

The `LinkPreview` component is an interactive UI element that displays a preview of a link when hovered over. It enhances user experience by providing additional context about the link.

Library

Sona UI

Framework

React

Type

ui

License

MIT

Dependencies

motion, react-icons, react-use-measure

Install

npx shadcn@latest add @sona-ui/link-preview

Files

• src/registry/sonaui/link-preview/link-preview.tsx
• src/registry/sonaui/sona-utils/sona-utils.ts
• src/registry/sonaui/sona-motion/sona-motion.ts
• src/lib/sona-motion.ts
• src/lib/sona-utils.ts

Source

https://github.com/Dinil-Thilakarathne/sona-ui

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 Sona UI

• Cursor Hover Card
• Accordion
• Activity Graph
• Animated Checkbox
• Animated Dialog
• Animated Dropdown
• Animated Segmented Control
• Animated Switch
• Animated Tabs
• Assignment Cluster
• Avatar Showcase
• BubbleUpButton