Checkout Interaction

Checkout Interaction with NumberFlow animations.

Live Preview
Open in
Air Max 90

Air Max 90

Running
$129.99Black/White
Ultra Boost

Ultra Boost

Performance
$179.99Grey/Blue
Classic Trainer

Classic Trainer

Casual
$89.99White/Red

Cart (0)

Total$0.00
Motion
@number-flow/react

Installation

npm install motion @number-flow/react

Usage

import CheckoutInteraction from "@/components/xui/checkout-interaction";

export function MyComponent() {
  return (
    <div className="w-full max-w-md">
      <CheckoutInteraction />
    </div>
  );
}

Props

This component has no configurable props.

Dependencies

This component requires the following packages:

  • motion (framer-motion)
  • @number-flow/react