audiocn
Audio components for React and shadcn/ui: meters, faders, knobs, waveforms, players, and a full mixer
audiocn is a shadcn/ui registry of audio components for React by fortysevenfx and OrcDev, the author of 8bitcn. It has 23 components, 6 blocks, and 18 hooks. The components cover level meters, faders, knobs, pan controls, waveforms, spectrum analyzers, an audio player, sound pads, and a full mixer with channel strips. The hooks connect the components to the Web Audio API: microphone and system audio capture, device lists, gain nodes, analyzers, and a mixer graph with ducking. The components build on Base UI, use Tailwind CSS v4, and follow the shadcn theme variables. Meters and visualizers paint on the animation frame without React renders. Everything uses the MIT license. The docs give an llms.txt file, a full docs file, and a Markdown version of each page for agents.
npx shadcn@latest add @audiocn/mixerRead https://audiocn.dev/llms.txt first, and add .md to a docs URL to get its Markdown version. Install a component with npx shadcn@latest add @audiocn/<name>, for example @audiocn/level-meter. Feed meters and visualizers from the provided hooks, such as useMicrophone and useAudioAnalyser, or from your own engine through a frame source. Give each meter an aria-label. Start audio only after a user gesture, because browsers keep an AudioContext suspended until one.
Why it is here. It gives audio and voice products accessible meters, faders, waveforms, and a mixer that follow the shadcn theme, with Web Audio hooks.
- 23 components, 6 blocks, and 18 hooks
- full mixer with channel strips
- Web Audio hooks for microphone and system audio
- MIT and listed in the shadcn registry index
- llms.txt and Markdown docs
Verified 2026-10-12. HTTP 200. Checked https://www.audiocn.dev/, /llms.txt, /llms-full.txt, /r/registry.json, /docs/concepts/accessibility.md, the shadcn registry index, and the GitHub repository on 2026-10-12. The registry lists 49 items: 23 components, 6 blocks, 18 hooks, and 2 core libraries. license.md holds the MIT text with copyright OrcDev, while the GitHub API reports NOASSERTION. The GitHub API reports 243 stars, creation on 2026-09-30, and a last push on 2026-10-11. The shadcn registry index lists @audiocn. Source tweet: https://x.com/noahelhadedy/status/2109526653332582536.
