fortysevenfx
Co-creator
Open-source React audio components built the shadcn way, including meters, visualizers, faders, knobs, mixers, players, and sound pads.
Free·Audio UI·React·shadcn·Web Audio·Open Source
Free·Audio UI·React·shadcn·Web Audio+1
What is AudioCN UI?
AudioCN UI is an open-source collection of audio interface components for React. It includes level meters, visualizers, faders, knobs, channel strips, mixers, players, and sound pads, along with Web Audio hooks. Install components through the shadcn CLI and add their source directly to your project.
It uses Base UI and Tailwind CSS v4, supports shadcn-style theming, and includes keyboard and screen-reader accessibility support.
Features
- React audio controls including meters, faders, knobs, and channel strips
- Visualizers, mixers, players, and sound pads
- Web Audio hooks for audio-powered interfaces
- Install editable component source with the shadcn CLI
- Keyboard, screen-reader, and reduced-motion support
FAQs
Common questions about AudioCN UI
What is AudioCN UI?
An open-source library of React audio interface components, including meters, visualizers, faders, knobs, mixers, players, and sound pads.
How do I add components?
Use the shadcn CLI to add component source directly to your project.
Is AudioCN UI free?
Yes. The repository is open source under the MIT license.
Insights
Traffic and momentum for AudioCN UI
Loading chart…
Similar to AudioCN UI
6 similar picks
useLayouts
Free animated React components and micro-interactions built with Framer Motion and Tailwind CSS, designed to work with shadcn/ui.
Dot Matrix
Open-source React component library of 55+ expressive dot-matrix loaders — install via the shadcn registry and own the code locally.
Remocn
An open-source component registry for building product demo videos with Remotion and AI coding agents.
beUI
Free, open-source animated components for React and Next.js — 108 motion primitives and blocks built with Motion and Tailwind, installable via the shadcn CLI.
Bolt Slides
Open-source building blocks any AI agent (Claude Code, Codex, Bolt) can use to compose presentation decks that are real, shareable web apps.
HeroUI
Beautiful, accessible React UI components built on React Aria and Tailwind CSS v4 — the modern alternative to MUI, Chakra UI, and shadcn/ui.
Team
The people behind AudioCN UI
orcdev
Co-creator
Similar Launches
useLayouts
Free animated React components and micro-interactions built with Framer Motion and Tailwind CSS, designed to work with shadcn/ui.
Dot Matrix
Open-source React component library of 55+ expressive dot-matrix loaders — install via the shadcn registry and own the code locally.
Remocn
An open-source component registry for building product demo videos with Remotion and AI coding agents.
beUI
Free, open-source animated components for React and Next.js — 108 motion primitives and blocks built with Motion and Tailwind, installable via the shadcn CLI.
Bolt Slides
Open-source building blocks any AI agent (Claude Code, Codex, Bolt) can use to compose presentation decks that are real, shareable web apps.
HeroUI
Beautiful, accessible React UI components built on React Aria and Tailwind CSS v4 — the modern alternative to MUI, Chakra UI, and shadcn/ui.
Comments