Audiocn

Free UI Resources

Visit website

Freemium

About

Copy audio UI components for React and shadcn/ui.

Audiocn is a set of copy-and-paste audio components for React and shadcn/ui. You can put together mixers, players, meters, knobs and waveforms from accessible UI that you own.

Features & use cases

Copy and paste audio components into React
Build mixers, players and waveforms
Add meters, knobs and faders
Own the accessible component code

Who reaches for it

Developers building music, podcast or audio apps in React
Teams using shadcn/ui who need audio controls that match

Getting it

Audiocn publishes documentation.

Ready to try Audiocn?

Opens audiocn.dev in a new tab.

Visit website

Similar resources

shadcn UI Kit Arc UI KokonutUI React Bits UIAble Magic UI

The weekly drop

The best new tools, every week. No spam, unsubscribe anytime.

Alternatives & related

Tabbied

Tabbied lets you easily create timeless and beautifully generated patterns to use for wall art, websites, print materials and more.

Kompa

Kompa is a Framer UI kit used by the Framer team to build websites faster.

Magic UI

150+ animated components and effects for React and Tailwind.

Relume

Build websites faster with an AI-powered component library.

Tailark

Modern, responsive, pre-built blocks for marketing websites.

Rare UI

Free, open-source collection of unusual animated React components.

Park UI

Beautiful components built on Ark UI and Panda CSS.

MUI

A comprehensive React component library based on Material.