Flip Button

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

Installation

Use the from prop to change the direction of the flip.

Prop	Type	Default
`frontText`	`string`	-
`backText`	`string`	-
`transition?`	`Transition`	`{ type: "spring", stiffness: 280, damping: 20 }`
`className?`	`string`	-
`frontClassName?`	`string`	-
`backClassName?`	`string`	-
`from?`	`string`	`top`

Tooltip

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

Liquid Button

A clickable button featuring a dynamic, fluid-like animation effect upon hover, creating an engaging, liquid-inspired interaction.