Tooltip

A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.

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 tooltip component.
We take our inspiration from Shadcn UI for the tooltip style (to make it easier to replace a shadcn component with the animate ui component).

Tabs

A set of layered sections of content—known as tab panels—that are displayed one at a time.

Flip Button

A clickable button featuring a smooth flipping animation triggered on hover.