Knob

A rotary control drawn in SVG, with vertical, horizontal or circular dragging, fine adjustment, reset, a bipolar origin, an optional click sound and a volume dial skin with a numbered scale and an aluminium cap, and a mini aluminium cap for.

Library

audiocn

Framework

React

Type

ui

License

MIT

Dependencies

class-variance-authority

Install

npx shadcn@latest add @audiocn/knob

Files

• components/ui/knob.tsx
• lib/audio/types.ts
• lib/audio/decibels.ts
• lib/audio/ballistics.ts
• lib/audio/zones.ts
• lib/audio/taper.ts
• lib/audio/bands.ts
• lib/audio/bar-levels.ts

Source

https://github.com/audiocn/ui

Categories

• Input Components
• React Input Components
• Tailwind CSS Input Components
• Knob Components
• React Knob Components
• Tailwind CSS Knob Components
• Slider Components
• React Slider Components
• Tailwind CSS Slider Components

More from audiocn

• Channel Strip
• Fader
• Mixer
• Pan Control
• Parameter Slider
• System Audio Mixer
• Volume Control
• Audio Device Select
• Audio Player
• Bar Visualizer
• Channel Toggle
• Clip Indicator