Fader

A volume fader in decibels: linear or console taper, detents, a scale, reset, an editable value, silence at the bottom, horizontal or vertical.

Library

audiocn

Framework

React

Type

ui

License

MIT

Dependencies

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

Install

npx shadcn@latest add @audiocn/fader

Files

• components/ui/fader.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
• shadcn/ui Input Components
• Slider Components
• React Slider Components
• Tailwind CSS Slider Components
• shadcn/ui Slider Components

More from audiocn

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