Dev Design Library

Channel Strip

One channel of a mixer: header, status, meter, fader, value, controls and a notice, as a row or a console strip. The master strip is a variant.

Channel Strip preview
Library
audiocn
Framework
React
Type
ui
License
MIT
Dependencies
@base-ui/react, class-variance-authority
Install
npx shadcn@latest add @audiocn/channel-strip
Files
  • components/ui/channel-strip.tsx
  • hooks/use-audio-config.tsx
  • lib/audio/ballistics.ts
  • lib/audio/types.ts
  • lib/audio/decibels.ts
  • components/ui/badge.tsx
  • lib/utils.ts
Source
https://github.com/audiocn/ui

Categories

More from audiocn