Animated Stepper

A draggable stepper component that lets users increment or decrement a number by dragging up or down. It includes smooth animations, clamping between min and max values, and works with both mouse and touch input.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Animated Stepper to your project and fits it to your theme.

import Stepper from "@/components/ui/stepper";

const StepperPreview = () => {
  return <Stepper />;
};

export { StepperPreview };