Hover Card

For sighted users to preview content available behind a link.

We take the Shadcn UI component and animate it with Motion.

Installation

Prop	Type	Default
`transition?`	`Transition`	`{ type: 'spring', stiffness: 300, damping: 25 }`

We use Radix UI for the hover card component.
We take our inspiration from Shadcn UI for the hover card style (to make it easier to replace a shadcn component with the animate ui component).

Dialog

A window overlaid on either the primary window or another dialog window, rendering the content underneath inert.

Popover

Displays rich content in a portal, triggered by a button.