UserFeedChat
Feedchat · Marketing
UserFeedChat is a free, open-source feedback widget that lets websites collect user feedback with sentiment and screenshots.
About UserFeedChat
What Is UserFeedChat
UserFeedChat is a feedback widget you drop into a website so visitors can send comments, a mood, and screenshots from a small sticky panel. The library is published as a web component, so it runs in React, Vue, Svelte, or plain HTML without rewrites. Under the hood it's a single script of about 63 KB, and there's no server side to set up.
The interesting part is what it doesn't do. Instead of storing feedback in a company database, it fires a feedchat:submit browser event and hands the payload to you. You decide where it goes: your own API, analytics, an email webhook, whatever you already run. As a user feedback tool, it stops at collection. That keeps data inside your stack, and it also means there's no analysis layer waiting for you on the other side.
So what happens after a submission? Nothing, until you write it.
No database. No accounts. No monthly bill.
The trade-off is real. There's no dashboard, no AI analysis, and no built-in inbox, so any summarising or triage has to happen downstream. If you want a ready-made research suite with hosted insights, this isn't it. You're buying simplicity, and simplicity has a cost.
Getting Started
- Install the package with
npm install feedchatorpnpm add feedchat. - Import the script in your app and add a
<feedchat-widget>element to the page where users should see it. - Set optional attributes like
label,user-id, andapp-versionso submissions carry useful context. - Listen for the
feedchat:submitevent and route each payload to your API, analytics, or webhook. - Override the CSS variables to match your brand colours and fonts.
Product Information
A quick look at UserFeedChat's pricing, supported platforms, and performance.
Best for
The users, tasks, and scenarios where this tool fits best.
Users
- Front-end developers
- Indie founders
- Product teams
Tasks
- Capturing in-app feedback
- Tagging submissions
- Building a custom review flow
Scenarios
- Launching a new feature
- Running a beta
- Auditing a checkout flow
Key features
Framework-agnostic web component
UserFeedChat ships as a custom element, so it works in React, Vue, Svelte, or a plain HTML page. You install it, import the script, and drop <feedchat-widget> wherever the launcher should sit. There's no framework-specific wrapper to maintain, which means one integration quietly covers every front end your team happens to be running at the moment without any extra packaging work.
Sentiment plus screenshots
Each submission carries a required mood of sad, neutral, or happy, along with a typed message and any attached images. That gives you a quick signal on how a user felt, not just what they said. Submit stays disabled until a sentiment is picked and there's a message or at least one image. Simple guardrails like that quietly cut down on empty or accidental reports before they ever reach your inbox, which saves review time down the line.
Rich submission context
Every payload includes the page URL, title, user agent, an ISO timestamp, and the viewport size. You can add user-id, app-version, and any data-* attributes, and they're mirrored into the submission's meta. Debugging a report gets easier when you know exactly where and how it was sent. That's the whole point. Context beats guesswork every time.
No backend required
The widget doesn't store anything on its own. It fires the feedchat:submit event and stops there, so you decide whether data lands in an API, a webhook, or an analytics tool. Nothing lives on someone else's servers unless you put it there, and that single design choice is what separates it from almost every hosted research platform you'll compare it against. It's your data, start to finish.
Themeable to your brand
CSS variables control the accent, surface, panel, border, text, and font, plus the launcher button's background, radius, and colour. You can make the panel blend into a design system without forking the source. No rebuild needed. Just point the variables at your palette and it matches.
Free and open source
The project runs under the MIT licence, and the full source is on GitHub. You can read the code, self-host it, and modify it. No pricing tier, no usage cap, no account. That's rare. Most feedback tools want an account before they'll show you anything at all.
Tiny runtime
The runtime bundle is about 62.6 KB, which is small enough that it won't meaningfully slow a page load. For teams already worried about third-party scripts, that matters. It's tiny. Nobody notices it loading.
Pros and cons
Pros
- Free, MIT-licensed, and fully self-hostable, so there's no vendor lock-in or subscription and you can inspect every line of code before it ever ships to users.
- Framework-agnostic web component that fits React, Vue, Svelte, and plain HTML.
- Sentiment and screenshot capture give context that plain text feedback misses.
- No backend or database means fast setup and data that stays in your stack.
Cons
- No built-in dashboard, inbox, or analysis, so you have to build your own review workflow before any of the collected feedback becomes useful.
- Captures only the sad/neutral/happy sentiment alongside text and images, with no rating scales or multi-question surveys.
- You're responsible for storing and securing every submission once the event fires, which adds real work for small teams.
Frequently asked questions
It's used to collect feedback directly inside a website. Think of it as a user feedback tool that sits in the page. Users send a comment, a mood, and optional screenshots from a small panel, and your app receives the data as a browser event you can route wherever you like.
Related content
Explore related tools, skills, and articles for UserFeedChat.
UserFeedChat Alternatives
ngram 2.0
ngram · Video · Marketingngram 2.0 is an AI video generator for teams. It turns a prompt, a screen recording, or a product URL into a narrated explainer, product demo, or AI avatar video, and every scene stays editable.
shippedit.me
Krawlup · Marketing · Businessshippedit.me now redirects to Krawlup, a web platform that audits SEO, AEO and page speed every week, then hands the fixes to AI coding agents over MCP.
MePersona
MePersona, Inc. · Writing · Productivity · MarketingMePersona is an AI unified inbox for creators. It learns your voice, drafts replies to fan messages from 12 platforms, and sends only what you approve.