Skip to main content
100% free — no credit card needed

Yourusersfoundanissue.Letthemshowyouexactlywhere.

blocFeed adds a visual feedback widget to any web app with one NPM package. Users click an element, describe the issue, and submit an annotated screenshot. You get structured, actionable data — not vague Slack messages.

See how it works

AI POSTMORTEM · LIVE
listening
Rage-click hotspot — /checkout/submit
HIGH
AI SUMMARY

Usersarerepeatedlyclickingthe'Completeorder'buttonon/checkout/submit.Theclickhandlerbindsconditionallyfiresonlyafterwindow.Stripeisdefined,whichisracingwiththebuttonmount.

RANKED ROOT CAUSES
HIGHStripe.js loaded async after the button mounts.
MEDAuth token expired mid-checkout.
LOWNetwork timeout on /api/payment-intents.
50+
teams collecting feedback
10k+
feedback entries captured
<2 min
average setup time
The problem

Feedback without context is just noise

You launched a new feature. Users have opinions. But their feedback arrives through scattered channels — vague, unstructured, and impossible to act on.

#
product-feedback
0 min elapsed
Alex2:15 PM

hey, the new dashboard looks off on my screen

You2:17 PM

off how? can you share a screenshot?

Alex2:22 PM

like the sidebar overlaps the main content area

You2:24 PM

what browser and screen size are you on?

Alex2:30 PM

not sure tbh, just using my work laptop

You2:32 PM

can you open devtools and tell me the viewport width?

Alex2:45 PM

what are devtools? nvm ill just deal with it

30 minutes later — the user gave up and you learned nothing

The cost

01"The page looks weird" — but which page? On what device?
02Spreadsheets, emails, and Slack threads nobody reads.
03Designers and PMs lose hours triaging instead of building.

Blocfeed eliminates this thread.

One click attaches the element selector, browser, page URL, screenshot, and a full session replay — plus an AI postmortem within 60 seconds.

The difference

Same feedback, two very different outcomes

Without blocFeed
Feedback lost in translation

typical feedback process

2:15 PMUser emails: "the new layout looks broken"
2:20 PMPM asks for specifics in Slack
2:35 PMUser sends blurry phone photo of their screen
2:40 PMDesigner asks: which breakpoint? which component?
3:10 PMUser: "I don't know, it just looks wrong"
???Filed in backlog — never prioritized

Result: No element. No viewport. No browser info. Feedback buried in backlog.

With blocFeed
~10 seconds, complete context

blocFeed submission

Feedback #312
Elementdiv.sidebar-nav
Page/dashboard/analytics
Feedback"Sidebar overlaps the chart area on my screen size."
Viewport1366x768 · Firefox 122

Result: Exact element, viewport, screenshot, page URL, AI-categorized. Design fix merged same day.

Features

Collect, understand, and act on feedback — automatically

From element-level capture to AI-powered categorization to Slack alerts and Jira tickets — blocFeed handles the full feedback loop.

Click any element to report
Selected

selector: button.cta-submit

position: (420, 312) · page: /checkout

AI-Powered Intelligence

From raw feedback to prioritized action — without reading every entry

Watch a single piece of feedback flow through the AI pipeline: classified, clustered, themed, and alerted — automatically.

AI Pipeline

Incoming feedback

"The submit button doesn't respond after filling out the form"

Page: /checkoutElement: button#submit

Connectors

Feedback flows into the tools you already use

blocFeed connects to your workflow — not the other way around. Get alerted in Slack, create tickets in Linear or Jira, and never let feedback sit unread.

Slack
#product-alerts
bf

blocFeed2:45 PM

Spike Alert: Checkout Friction

12 new reports in 24h (+340% above baseline)

View in blocFeed →

bf

blocFeed9:00 AM

Daily Theme Digest

🔴 Checkout Friction — 12 issues (spiking)

🟡 Mobile Layout — 8 issues (+45%)

🟢 Onboarding — 5 issues (stable)

Use Cases

Built for the people who build products

Different roles, same goal: understand what users actually experience. blocFeed gives each team member what they need.

For Developers

Fix issues faster with exact selectors

Every report includes the CSS selector, page URL, and viewport size. No more guessing which element is 'the one that looks off'. Jump straight from feedback to code.

  • Exact CSS selector of the reported element
  • Page URL and viewport dimensions
  • Annotated screenshot with element highlighted

For Product Managers

See what frustrates users most

Filter feedback by page, element, or status. Spot patterns — if 20 users report the same element, that's your next priority. Data beats opinions.

  • Dashboard with trends and filters
  • Group feedback by page or element
  • Track resolution status across the team

For Designers

Get visual feedback on every UI change

Users point at exactly what looks off — misaligned buttons, confusing layouts, broken responsive views. Screenshots show you precisely what they see.

  • Visual context with every submission
  • See feedback on specific UI elements
  • Compare user-reported issues across viewports

How it works

Zero to debug in seconds

01

Create a free account

Sign up in 30 seconds. Create a project and get your unique blocfeed_id. No credit card, no trial period.

02

Drop in the widget

Install the NPM package and add one component. Three lines of code, two minutes of work. Works with any framework.

03

Users share feedback in context

A feedback button appears in your app. Users click any element, describe the issue, and submit with an annotated screenshot — all without leaving your app.

04

Act on what matters

Every submission lands in your dashboard with full context. AI categorizes and clusters automatically. Share to Slack or create Jira tickets with one click.

See it in action

From feedback to report in 10 seconds

This is what your users experience. No context switching, no separate tools, no lost details.

your-app.com/checkout
Complete Purchase

< 2 min

Setup time

~8 KB

Bundle size

Any

Framework

One NPM package — works with every major framework

React
Next.js
Vue
Svelte
Angular
Compare

blocFeed vs. the alternatives

Most feedback tools give you surveys or heatmaps. blocFeed gives you the exact element, AI-powered triage, and direct issue tracker integration.

Element-level feedback

Blocfeed
Hotjar
UserVoice
Google Forms

Annotated screenshots

Blocfeed
Hotjar
UserVoice
Google Forms

CSS selector capture

Blocfeed
Hotjar
UserVoice
Google Forms

AI categorization & priority

Blocfeed
Hotjar
UserVoice
Google Forms

Auto issue clustering

Blocfeed
Hotjar
UserVoice
Google Forms

Theme & trend detection

Blocfeed
Hotjar
UserVoice
Google Forms

Slack / Linear / Jira

Blocfeed
Hotjar
UserVoice
Google Forms

NPM package install

Blocfeed
Hotjar
UserVoice
Google Forms

Setup under 2 minutes

Blocfeed
Hotjar
UserVoice
Google Forms

Free forever

Blocfeed
Hotjar
UserVoice
Google Forms

Trust & Transparency

Your users' trust matters — so does yours

Adding a feedback widget means putting third-party code in front of your users. We respect that responsibility with privacy-first defaults and full transparency.

Only what users choose to share

The widget captures exactly three things: the element they clicked (CSS selector), their typed feedback, and an annotated screenshot. Nothing else. No personal data, no behavioral tracking.

Encrypted and project-scoped

All feedback data is encrypted in transit and at rest, tied to your project, and never accessible to other customers. Integration tokens (Slack, Jira, Linear) are encrypted before storage.

No cookies, no fingerprinting

The widget doesn't set cookies, doesn't fingerprint browsers, and doesn't run any analytics. It only activates when a user opens the feedback panel — nothing runs in the background.

Free forever on npm

Install from npm and use on unlimited sites at zero cost. The package is ~8 KB gzipped, loads asynchronously, and has zero impact on your Lighthouse score.

Why we built this

blocFeed logo
I kept getting Slack messages like 'something is broken on the settings page.' I'd spend 15 minutes going back and forth just to understand what they saw. I thought — what if users could just point at the element and tell me? That's blocFeed. One click, full context, zero guesswork.

Mihir Kanzariya

Founder, blocFeed

Testimonials

What product teams are saying

Our QA team used to screenshot bugs and paste them in Jira with zero context. Now testers click the element, type what's wrong, and we get the selector, viewport, and browser in one report. Jira tickets create themselves.

Sophie T.

QA Manager, Agency

I showed our client the blocFeed dashboard after one week. They could see every piece of feedback tagged by page and element. They said it was the most transparent handoff they'd ever had.

Marco R.

Product Manager

We replaced a $99/mo feedback tool with blocFeed. Same team, better reports, zero cost. The AI categorization alone saves us an hour a week on triage.

Priya N.

Head of Product, B2B SaaS

Pricing

Completely free. Really.

No subscriptions, no usage limits, no per-seat charges. Every feature is included — just sign up and start collecting feedback.

What you'd otherwise pay for separately

Most teams cancel at least two of these in their first month.

FullStory
from $399/mo
session replay
Hotjar
from $32/mo
behavioral signals
Marker.io
from $39/mo
bug reports
FAQ

Common questions

Pricing & plans

How it compares

How it works

Privacy & security

Other questions? Email us — we usually reply within a few hours.

Ready when you are

Stop guessing. Start seeing what your users see.

Set up blocFeed in under 2 minutes. Free forever — no limits, no credit card, no catch.

1,000 sessions freeFrom $19/mo for paid plansNo credit card requiredInstall in 2 minutes