Checkout Interaction

Checkout Interaction with NumberFlow animations.

Install utilities

You need to install some necessary packages to use the below component. Please run the command into your terminal.

bun add motion @number-flow/react
Live Preview
Open in
Air Max 90

Air Max 90

Running
$129.99•Black/White
Ultra Boost

Ultra Boost

Performance
$179.99•Grey/Blue
Classic Trainer

Classic Trainer

Casual
$89.99•White/Red

Cart (0)

Total$0.00
Motion
@number-flow/react

Bento Grid

Bento Grid with Background Hover.

Currency Transfer

Currency transfer with SVG animation.