Astra

Comet Dial

Tick-ring dial you flick by angle, with a comet that streaks behind the lit head.

Comet Dial, a Astra component

Use Comet Dial in your project

Choose JavaScript or TypeScript and plain CSS or Tailwind. Enable JavaScript for the interactive preview, customization controls and source tabs.

npx shadcn@latest add @react-bits/CometDial-TS-TW
How to install Astra components

Related components

  • Squish Switch

    Switch whose thumb stretches with speed and squashes against the end when you flick it.

  • Flip Card

    Two-faced card that flips in 3D on a click, drag or flick and settles on a spring.

  • Scrub Field

    Number chip you drag to scrub, with rubber-band limits and click to type.