21st
12,000+ hand-crafted React and Tailwind components, templates and shadcn themes.
WebsiteWorkflowsWebFreemium
4.7Visit
Framework
audiocn
169 copy-and-paste audio components for React and shadcn/ui.
Day 43 since launch · Launched 25 August 2026
Made by Shushant LakhyaniKnow about Shushant Lakhyani hereGet all my visual guides hereSee what I can build for youAI+Tech+No-Code+Online Business Mini GuidesJoin the newsletter
Made by Shushant LakhyaniKnow about Shushant Lakhyani hereGet all my visual guides hereSee what I can build for youAI+Tech+No-Code+Online Business Mini GuidesJoin the newsletterBuilt with love by Shushant Lakhyani. Building bestproductivityresources.com
Screenshot or bookmark this page so you find it later, then share it with your network.
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
- 169 accessible audio components
- You own the code
- Installs via the shadcn CLI
Cons
- React and shadcn/ui only
- Niche to audio interfaces
Who should use audiocn
Developers building audio apps or players in React.
Who may not need it
People not building audio interfaces.
audiocn alternatives
Similar resources to audiocn, picked from the directory.
Planes
100+ interactive React components with Tailwind and Motion source for modern interfaces.
FrameworkWorkflowsWebPaid but Affordable
4.3Visit
AI Canvas
Install finished React components, blocks and design systems with one shadcn CLI command.
Web AppWorkflowsWebFreemium
4.4Visit
shadercn
Beautiful WebGPU/WGSL shader components for React, built on vgpu and TypeGPU and distributed via shadcn.
WebsiteWorkflowsWebFree
4.5Visit
beUI
Free, open-source animated React components built with Motion and Tailwind CSS.
FrameworkLearningWebFree
4.3Visit
Evil Charts
Free, open-source animated chart components for React and shadcn/ui.
FrameworkLearningWebFree
4.3Visit
Free alternatives to audiocn
Free resources that cover similar ground.
Tween UI
GSAP and CSS animated components for React that you copy and own.
FrameworkWorkflowsWebFree
4.3Visit
Coded Visuals
Animated visual compositions for React and shadcn/ui marketing and landing pages.
FrameworkWorkflowsWebFree
4.6Visit
Rare UI
A free, open-source registry of rare animated React components.
WebsiteWorkflowsWebFree
4.6Visit
Spectrum UI
Open-source animated React components and blocks for SaaS and AI apps.
FrameworkWorkflowsWebFree
4.5Visit
pdfcn
Beautiful PDF components for React, 100% free with zero config and one-command setup.
FrameworkWorkflowsWeb, Cross-PlatformFree
4.4Visit
Velora UI
Free, MIT-licensed animated React components and landing templates.
TemplateWorkflowsWebFree
4.4Visit
Featured on Best Productivity Resources
Made audiocn? Add this free badge to your website or README. It links to this page.
<a href="https://bestproductivityresources.com/resources/audiocn" target="_blank" rel="noopener"><img src="https://bestproductivityresources.com/badges/featured-light.svg" alt="Featured on Best Productivity Resources" width="250" height="54" /></a>