Shadcn.io is not affiliated with official shadcn/ui
Comments Screen Recording
Attach screen recordings to comments for React and Next.js with recording capture, thumbnail preview, and playback modal built with shadcn/ui and Tailwind CSS
Share visual bug reports with this screen recording comment block for React and Next.js. Features one-click screen capture with system audio, thumbnail previews with duration overlay, inline playback modal with controls, and recording download capability. Built with TypeScript, shadcn/ui Dialog, Button, and Badge components, motion/react animations, and Tailwind CSS. Perfect for bug reporting, user testing feedback, and visual walkthroughs.
Related Components
Basic Comments
Simple threaded comments
Video Timestamp Comments
Link comments to video times
Audio Note Comments
Record audio with waveform
Image Annotation Comments
Images with annotation markers
Rich Text Comments
Comments with rich text formatting
Code Review Comments
Code review inline comments
FAQ
Was this page helpful?
Sign in to leave feedback.
Scheduled Publishing
Schedule comments for future publishing in React and Next.js with datetime picker, scheduled queue display, and draft management built with shadcn/ui and Tailwind CSS
Self Destructing
A self-destructing comment section for React and Next.js with auto-delete timers, view-once messages, and countdown indicators built with shadcn/ui and Tailwind CSS