Tool Open source

audiocn

audiocn is a React audio UI component library and shadcn registry for level meters, visualizers, waveforms, faders, knobs, channel strips, mixers, players, sound pads, and audio-device controls. Components are copied into an application with the shadcn CLI rather than installed as a package, allowing their source to be modified. The project includes Web Audio hooks for microphones, system or tab audio, audio analysis, mixer state, playback, sound effects, waveform data, and device selection; components can also receive data from another audio engine. It is built with Base UI and Tailwind CSS, uses shadcn-compatible theme variables, and includes keyboard controls, ARIA roles, and reduced-motion support. The repository contains the documentation site, registry source, component source, audio core, examples, and tests, and is licensed under the MIT License.

View repository Visit site Mentioned in 1 video ↓

What audiocn is used for

1 use taken from transcripts — each links to the moment in the video.

  • Provides React audio-interface controls such as level meters, waveforms, faders, knobs, channel strips, and mixers. Components can be added with the ShadCN CLI and connected to microphones, playback, and live audio through Web Audio hooks.

Videos mentioning audiocn

1 in the library.