audiocn
Copy-and-paste audio components for React and shadcn/ui to build accessible UI.
Recommended for
- Solo / Indie
- Idea-Stage
SSIE
Stage Fit Recommendations
Following data shows why audiocn is recommended for listed teams. The Fit Score represents the percentage fit of audiocn to each company stages, as calculated by the SSIE.
Stage
Fit Score
Fit Reasons
Solo / Indie
$0–$2,000 MRR
70- Provides audio meters for level monitoring
- Includes customizable faders and knobs for UI control
- Offers spectrum and waveform visualizers
Idea-Stage
$0
72- Supplies mixer and channel control components
- Enables interactive audio player integration
- Features parameter sliders for audio adjustment
Description
audiocn is a collection of audio components for React and shadcn/ui. It offers 23 components including mixers, players, meters, knobs, and waveforms. These components are designed to be accessible and fully customizable, allowing developers to own every line of code. The components are live and interactive, enabling users to drag faders, turn knobs, and hit pads directly in the interface. Built by fortysevenfx and orcdev, audiocn provides a complete set of tools for creating audio interfaces in React applications.
Explore similar products
Nextjsshop
Next.js and Tailwind CSS templates and components for developers and businesses.
Prime UI
Prime UI transforms sitemaps and wireframes into production-ready Next.js and Tailwind CSS code in minutes.
60fps
60fps provides UI/UX animation inspiration for mobile and web apps.
CircleCI
Autonomous validation for the AI era - CircleCI
Snowflake
A secure and scalable AI Data Cloud for collaboration, AI-powered data apps, and data insights.
Efecto
A design tool where AI agents are first-class citizens, offering artboards, layers, auto-layout, and 66 MCP tools built
Localdock
A macOS menubar app that gives every dev server a named localhost address reachable on your Wi-Fi or through a public
Componentry
Animated React UI components with pre-built styling and motion, using Tailwind CSS, TypeScript, and Framer Motion.
Explore similar products
Nextjsshop
Next.js and Tailwind CSS templates and components for developers and businesses.
Prime UI
Prime UI transforms sitemaps and wireframes into production-ready Next.js and Tailwind CSS code in minutes.
60fps
60fps provides UI/UX animation inspiration for mobile and web apps.
CircleCI
Autonomous validation for the AI era - CircleCI
Snowflake
A secure and scalable AI Data Cloud for collaboration, AI-powered data apps, and data insights.
Efecto
A design tool where AI agents are first-class citizens, offering artboards, layers, auto-layout, and 66 MCP tools built
Localdock
A macOS menubar app that gives every dev server a named localhost address reachable on your Wi-Fi or through a public