Pan Control

Left and right balance with a fill from the centre, a centre detent and reset.

Library

audiocn

Framework

React

Type

ui

License

MIT

Dependencies

@base-ui/react, class-variance-authority

Install

npx shadcn@latest add @audiocn/pan-control

Files

• components/ui/pan-control.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
• Knob
• Mixer
• Parameter Slider
• System Audio Mixer
• Volume Control
• Audio Device Select
• Audio Player
• Bar Visualizer
• Channel Toggle
• Clip Indicator