Volume Control

A 0..1 volume slider with a mute button and a perceptual curve, for players.

Library

audiocn

Framework

React

Type

ui

License

MIT

Dependencies

@base-ui/react

Install

npx shadcn@latest add @audiocn/volume-control

Files

• components/ui/volume-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

• Action Components
• React Action Components
• Tailwind CSS Action Components
• Button Components
• React Button Components
• Tailwind CSS Button Components
• Icon Button Components
• React Icon Button Components
• Tailwind CSS Icon Button Components
• Input Components
• React Input Components
• Tailwind CSS Input Components

More from audiocn

• Channel Strip
• Channel Toggle
• Fader
• Knob
• Mixer
• Pan Control
• Parameter Slider
• Sound Pad
• Soundboard
• System Audio Mixer
• Audio Device Select
• Audio Player