Beta

Ripple Button

A clickable button featuring a ripple animation effect on click.

Open in

Installation

Props

PropTypeDefault
children
React.ReactNode
-
className?
string
-
rippleClassName?
string
-
transition?
Transition
{ duration: 0.6, ease: "easeOut" }
scale?
number
10

Liquid Button

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

Counting Number

A numeric display component that smoothly animates number changes with a counting animation.

On this page