Preview card

What is behind a link, seen by resting on it: after a steady hover the popover's plate rises out of the link with an image, title, description and host; it lingers so you can move onto it.

Library

Metal UI

Framework

React + SwiftUI

Type

ui

License

MIT

Dependencies

@base-ui/react@^1.8.0

Files

• packages/metalui/src/components/preview-card/preview-card.tsx
• packages/metalui/src/components/popover/popover.tsx
• packages/metalui/src/motion/reduced.ts
• packages/metalui/src/theme/portal-colorway.ts

Source

https://github.com/vijayksingh/metalui

Categories

• Card Components
• React Card Components
• Tailwind CSS Card Components
• Data Display Components
• React Data Display Components
• Tailwind CSS Data Display Components
• Hover Card Components
• React Hover Card Components
• Tailwind CSS Hover Card Components
• Overlay Components
• React Overlay Components
• Tailwind CSS Overlay Components

More from Metal UI

• Card
• Code card
• Link card
• Menu and correction popover
• Popover
• Accordion
• Alert dialog
• Attachment
• Avatar
• AI composer
• Availability picker
• Settings