21st
Focus: tailwind and templates. Shares react and components with audiocn. A website, not a framework. Freemium (audiocn: Free). Rated 4.7 (audiocn: 4.3).
WebsiteFree planWeb
4.7Visit
Framework
audiocn
169 copy-and-paste audio components for React and shadcn/ui.
Rating
4.3 / 5
Pricing
Free
Difficulty
Intermediate
Works on
Web
Built with love by Shushant Lakhyani. Building bestproductivityresources.com
What is audiocn?
audiocn provides copy-and-paste audio components for React and shadcn/ui: mixers, players, meters, knobs, faders, visualisers and waveforms, built the shadcn way so you own every line.
Pros: what audiocn does well
- 169 accessible audio components
- You own the code
- Installs via the shadcn CLI
Cons: where it falls short
- React and shadcn/ui only
- Niche to audio interfaces
Who audiocn is for
Developers building audio apps or players in React.
Who can skip it
People not building audio interfaces.
audiocn alternatives
Not sold on audiocn? These do a similar job, and each card says what it has in common.
Planes
Focus: motion and tailwind. Shares react and components with audiocn. Paid but Affordable (audiocn: Free). Same 4.3 rating.
FrameworkPaid but AffordableWeb
4.3Visit
AI Canvas
Focus: design systems. Shares react and shadcn with audiocn. A web app, not a framework. Freemium (audiocn: Free). Rated 4.4 (audiocn: 4.3).
Web AppFree planWeb
4.4Visit
shadercn
Focus: shaders, webgpu and wgsl. Shares react and components with audiocn. A website, not a framework. Rated 4.5 (audiocn: 4.3).
WebsiteFreeWeb
4.5Visit
UIAble
Focus: ui components, tailwind and templates. Shares shadcn and react with audiocn. Freemium (audiocn: Free). Rated 4.4 (audiocn: 4.3).
FrameworkFree planWeb
4.4Visit
beUI
Focus: animated components, tailwind and motion. Shares react and shadcn with audiocn. Same 4.3 rating.
FrameworkFreeWeb
4.3Visit
Free alternatives to audiocn
Want to spend nothing? These free picks cover similar ground.
Evil Charts
Focus: charts, recharts and data visualization. Shares react and shadcn with audiocn. Same 4.3 rating.
FrameworkFreeWeb
4.3Visit
Tween UI
Focus: gsap, animation and tailwind. Shares react and components with audiocn. Same 4.3 rating.
FrameworkFreeWeb
4.3Visit
Coded Visuals
Focus: animated visuals, landing pages and marketing. Shares react and shadcn with audiocn. Rated 4.6 (audiocn: 4.3).
FrameworkFreeWeb
4.6Visit
Rare UI
Focus: tailwind and open source. Shares react and components with audiocn. A website, not a framework. Rated 4.6 (audiocn: 4.3).
WebsiteFreeWeb
4.6Visit
Spectrum UI
Focus: nextjs, tailwind and animation. Shares react and components with audiocn. Rated 4.5 (audiocn: 4.3).
FrameworkFreeWeb
4.5Visit
pdfcn
Focus: pdf, documents and developer tools. Shares react and components with audiocn. Rated 4.4 (audiocn: 4.3).
FrameworkFreeWeb, Cross-Platform
4.4Visit
Are you the maker of audiocn?Get a free Featured badge for your site, a share image and ready-to-paste posts. No sign-up.
Free Notion database
1,100+ ways people are making money online
Real online businesses, creators and projects, broken down by how they make money: apps, online stores, AI tools and more. Free on Gumroad.
Get the free databaseFree Notion database
399+ ways to make money online
Hundreds of online income methods in one place, so you can compare options and pick one to try. Free on Gumroad.
Get the free listFor research and ideas only. Results vary and nothing here is a promise of income. See our Disclaimer.
Weekly newsletter
Everything new, every Monday.
One short email every Monday with everything shipped that week: new free tools and websites, new guides, new free browser tools and what's new in my free Gumroad libraries, plus how the site is growing. Free, and you can unsubscribe anytime.
Join the newsletterYou sign up on Gumroad, which stores your email to send the newsletter. See our Privacy Policy.