Shadcn.io is not affiliated with official shadcn/ui
Comments Audio Note
Record audio comments with waveform visualization for React and Next.js with voice recording, playback controls, and duration tracking built with shadcn/ui and Tailwind CSS
Capture voice feedback with this audio comment block for React and Next.js. Features one-click voice recording with visual waveform, playback controls with speed adjustment, duration tracking with file size display, and audio download capability. Built with TypeScript, shadcn/ui Button, Badge, and Progress components, motion/react animations, and Tailwind CSS. Perfect for async standup updates, design critiques, and voice-first collaboration.
Related Components
Basic Comments
Simple threaded comments
Video Timestamp Comments
Link comments to video times
Screen Recording Comments
Attach screen recordings
Rich Text Comments
Comments with rich text formatting
Reactions Comments
Comments with emoji reactions
Mentions Comments
Comments with @mentions
FAQ
Was this page helpful?
Sign in to leave feedback.
Assignment Tracking
React comment block for Next.js with team member assignment, workload tracking, and due date management built with shadcn/ui and Tailwind CSS
Audit Log
A compliance-focused comment audit log for React and Next.js with activity tracking, change history, and exportable reports built with shadcn/ui and Tailwind CSS