Glass Stepper

Glassmorphism numeric stepper with spring number flip, notification-style tinted buttons, and configurable min/max/step.

Inputs & ControlsGlassInteractive
Quantity0 / 10
0
Guests1 / 8
1
Volume50 / 100
50

Add to your project

One command adds this component to your project.

1

Run the following command:

npx shadcn@latest add "https://aicanvas.me/r/glass-stepper.json"
2

For dark mode, add the dark class to your <html> element:

Optional
<html class="dark">

More like this