Glass Stepper
Glassmorphism numeric stepper with spring number flip, notification-style tinted buttons, and configurable min/max/step.
Inputs & ControlsGlassInteractive
.png?updatedAt=1775226802133)
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:
<html class="dark">

