Detent Dial

Rotary knob that clicks from notch to notch and coasts when flicked, built with React and Motion.

Library

Kokonut UI

Framework

React

Type

component

License

MIT

Dependencies

motion

Install

npx shadcn@latest add @kokonutui/detent-dial

Files

• components/kokonutui/detent-dial.tsx
• lib/utils.ts

Source

https://github.com/kokonut-labs/kokonutui

Categories

• Input Components
• React Input Components
• Tailwind CSS Input Components
• Animated Input Components
• Knob Components
• React Knob Components
• Tailwind CSS Knob Components
• Animated Knob Components

More from Kokonut UI

• Command Palette
• Activity Terrain
• AI Agent Lanes
• AI Attachment
• AI Autocomplete
• AI Conversation Branches
• AI Checkout
• AI Inline Citations
• AI Code Run
• AI Connect
• AI Context Meter
• AI Diff Review