Components
Loading preview...
The AudioUploadCard component provides an interactive drag-and-drop interface for audio file uploads with animated visual feedback. It features a customizable upload area that transforms during file selection, showing a waveform visualization and filename display when an audio file is uploaded. The component supports both drag-and-drop and click-to-upload functionality, making it ideal for applications requiring audio transcription, voice recording, or media management workflows.
npx shadcn@latest add https://21st.dev/r/isaiahbjork/audio-upload-cardimport { AudioUploadCard } from "@/components/ui/audio-upload-card";
export default function DemoOne() {
return <AudioUploadCard />;
}