React Visual Feedback
A powerful React library for capturing screenshots and screen recordings with visual feedback. Perfect for bug reporting, user feedback, and QA workflows.
Key Features
Screenshot Capture
Capture full-page or selected area screenshots with annotation support.
Screen Recording
Record screen interactions to capture bugs and user flows.
Customizable UI
Fully customizable styling to match your application design.
How to Use React Visual Feedback
- 1Install the package
Run
npm install react-visual-feedbackin your React project to add the library as a dependency. - 2Import and add the component
Import the VisualFeedback component and add it to your app. Configure the callback to handle captured screenshots and recordings.
- 3Customize and deploy
Style the widget to match your brand, configure capture options, and integrate with your feedback or bug tracking system.
Why Use React Visual Feedback?
Drop-in component that works with any React application. No complex configuration required.
All capture processing happens client-side. Your users' data stays on their device.
Written in TypeScript with full type definitions for better developer experience.
Open source MIT license. Use it freely in personal and commercial projects.