whatisgithub

What is website-feedback-widget?

sendmux/website-feedback-widget — explained in plain English

Analysis updated 2026-05-18

58TypeScriptAudience · developerComplexity · 2/5Setup · easy

In one sentence

An open-source, dependency-free feedback button widget you drop into any website to collect bug reports, ideas, and comments from visitors.

Mindmap

mindmap
  root((feedback widget))
    What it does
      Pop up feedback form
      Sends JSON to your endpoint
      Works with any framework
    Tech stack
      TypeScript
      Web Components
      npm
    Use cases
      Add feedback button to a site
      Route submissions to email
      Feed submissions into an AI workflow
    Audience
      Web developers
      Product teams

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Add a feedback button to any website using one HTML tag after installing the npm package.

USE CASE 2

Forward feedback submissions to your own webhook or email relay function.

USE CASE 3

Feed incoming feedback into an AI agent to classify it as a bug, feature request, or praise.

USE CASE 4

Attach user context like name or account ID to submissions without exposing secrets client-side.

What is it built with?

TypeScriptWeb Componentsnpm

How does it compare?

sendmux/website-feedback-widgetautomationsmanufaktur-labs/open-invoice-germanyleiting-eric/dailybrief
Stars585858
LanguageTypeScriptTypeScriptTypeScript
Setup difficultyeasymoderateeasy
Complexity2/53/52/5
Audiencedeveloperpm foundergeneral

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 5min

You must provide your own webhook URL or server-side relay function to receive submissions.

So what is it?

This is an open-source feedback button you can drop into any website or web app. It adds a small pop-up form where visitors can submit a comment, bug report, idea, or praise. The widget is built as a standard Web Component, meaning it works with any framework or with plain HTML, and it has no external dependencies. It handles accessibility features like keyboard navigation, dark mode, and reduced-motion support out of the box. When a visitor submits feedback, the widget sends a JSON payload to an endpoint you control. That endpoint can be a webhook URL you already have, or a small server-side function that forwards the submission as an email. Because the widget runs in the browser, any API keys used to send email must stay on your server, not in the widget's configuration. The repository includes example code showing how to write a simple relay function that receives the widget's payload and forwards it to the Sendmux email service, though you can point it at any email provider or webhook receiver. The project is built around the idea that feedback is most useful when it enters a structured workflow rather than sitting in a spreadsheet. Once a submission arrives as an email or webhook event, you can hook up an AI agent to read it, classify it by type (bug, feature request, praise), group duplicates, route items to the right team, or turn them into issue tracker entries. The repository documents this pattern and provides prompt templates for building that downstream workflow, but it does not include the agent itself. You install the widget as an npm package and add one HTML tag to your page. You can configure its position on the screen, brand color, button label, and minimum message length. It also accepts optional user context (name, email, account ID) so submissions can be linked to specific customers without exposing any secrets in client-side code.

Copy-paste prompts

Prompt 1
Help me install this feedback widget as an npm package and add it to my website.
Prompt 2
Show me how to write a relay function that forwards this widget's payload to my email provider.
Prompt 3
Explain how this widget handles accessibility features like keyboard navigation and dark mode.
Prompt 4
Help me build an AI agent that classifies and routes feedback submitted through this widget.

Frequently asked questions

What is website-feedback-widget?

An open-source, dependency-free feedback button widget you drop into any website to collect bug reports, ideas, and comments from visitors.

What language is website-feedback-widget written in?

Mainly TypeScript. The stack also includes TypeScript, Web Components, npm.

How hard is website-feedback-widget to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is website-feedback-widget for?

Mainly developer.

Open on GitHub → Ask about another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.