Glass Stepper
Capsule stepper with rolling digits, hold-to-accelerate and a shake at the limits.

- Library
- Opaline
- Framework
- React
- Type
- ui
- License
- MIT
- Dependencies
- @hugeicons/core-free-icons, @hugeicons/react
- Install
npx shadcn@latest add @opaline/theme @opaline/glass-stepper- Files
registry/opaline/ui/opaline/glass-stepper.tsxregistry/opaline/ui/opaline/liquid-glass.tsxregistry/opaline/lib/glass-refraction.tslib/utils.ts
- Source
- https://github.com/deepraj21/opaline
Categories
- Counter Components
- React Counter Components
- Tailwind CSS Counter Components
- Animated Counter Components
- Data Display Components
- React Data Display Components
- Tailwind CSS Data Display Components
- Animated Data Display Components
- Input Components
- React Input Components
- Tailwind CSS Input Components
- Animated Input Components