Set Timer
A dark timer pill that morphs into a minute wheel picker, then into a running timer with pause, cancel, and a rounded-rectangle progress border.

- Library
- uselayouts
- Framework
- React
- Type
- component
- License
- MIT
- Dependencies
- @ncdai/react-wheel-picker, clsx, motion, tailwind-merge
- Install
npx shadcn@latest add https://uselayouts.com/r/set-timer- Files
registry/default/example/set-timer.tsxlib/utils.ts
- Source
- https://github.com/iurvish/uselayouts
Categories
- Input Components
- React Input Components
- Tailwind CSS Input Components
- Animated Input Components
- Timer Components
- React Timer Components
- Tailwind CSS Timer Components
- Animated Timer Components
- Wheel Picker Components
- React Wheel Picker Components
- Tailwind CSS Wheel Picker Components
- Animated Wheel Picker Components