This demo shows how to integrate the blocfeed widget into a Next.js app.
Click the green dot in the bottom-right corner or press Cmd+Shift+F to try it.
Click any element on the page to select it. The widget highlights and captures the component name, test ID, and element screenshot.
Automatic element-level screenshots are captured when you pick an element. Full-page screenshots are also available.
Record a short video clip to show bug reproduction steps. Click tracking captures every click during recording.
Speak your feedback instead of typing. Audio is transcribed with Whisper and populates the text field.
Console errors and failed network requests are automatically attached to every feedback submission.
Scans client-side code for leaked API keys, database credentials, and tokens.
Try picking any of these buttons with the feedback widget to see element-level selection in action.
This form does nothing — it's here so you can test element picking on form controls. Notice how data-blocfeed-component and data-testid are captured in the payload.
Free
$19/mo/mo
Custom
Pick any card, button, or price tag to see how nested elements are captured with component names.
This is a mock dashboard UI. Try picking individual stats, feedback rows, tabs, or the notification bell.