Dev Design Library

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.

Set Timer preview
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.tsx
  • lib/utils.ts
Source
https://github.com/iurvish/uselayouts

Categories

More from uselayouts