React-Roast
Get Context-Rich Feedback instantly
Free111 impressions#1612 of its week
React Roast is an open-source widget that lets users select UI elements, capture screenshots and state, and send feedback.
- for
- React developers who need in-app visual feedback and bug reporting.
- pricing
- open source
- license
- MIT
Key features
- Element selection — Users can click any page element to capture its position, size and screenshot.
- Customizable feedback form — Collect messages, email and screenshots with configurable form fields and messages.
- Self-host or remote mode — Run the widget locally or connect to a hosted service via siteId.
- Imperative control hook — useReactRoast provides functions to toggle the widget and set user data.
- Notification support — Show configurable notifications and rewards after submission.
- Flexible screenshot options — Capture full page, selected element, or both based on settings.
Use cases
- Gather UI bug reports directly from users with element screenshots
- Run beta testing feedback loops in a Next.js app
- Collect feature requests with contextual UI context for product teams
React-Roast FAQ
How do I integrate React Roast into a React app?+
Install the package, wrap your app with WidgetProvider, set mode and implement onFormSubmit to handle feedback.
Can I host the widget myself?+
Yes, use mode="local" and handle submissions in your own backend.
Is there a hosted service?+
Yes, sign in to RoastNest, obtain a siteId, and use mode="remote" to send feedback to the service.
How can I customize the widget appearance?+
Pass a customize prop with form, island, and notification settings to override defaults.
What does the useReactRoast hook provide?+
It returns widget state, toggle function, visibility control, and user data setters for programmatic use.
Summarized by DevHunt from npmjs.com · Oct 15, 2026. Details may change; check the official site.
.png?width=64)
