FeedbackKit
Drop-in Components • Multiple Integrations

Add Feedback Collection
To Any Project

Ready-to-use React components that add feedback collection to your existing apps. Supports Notion, Google Sheets, Slack, Email, and custom webhooks. Just copy, paste, and configure.

Get Components for $29View Live Demo

✨ Easy purchase through Gumroad • TypeScript included • Multiple integrations

Works With Your Favorite Tools

One component, multiple destinations. Send feedback wherever you work.

N
Notion
Send feedback directly to your Notion database with rich formatting
📊
Google Sheets
Automatically append feedback to your Google Sheets spreadsheet
#
Slack
Get instant notifications in your Slack channels with rich formatting
✉️
Email
Send feedback directly to your email with detailed formatting
🔗
Custom Webhooks
Send to any API endpoint with custom headers and formatting
+
Multiple at Once
Send the same feedback to multiple destinations simultaneously

Simple Integration

Add feedback collection to your app in minutes, not hours

1

Copy Components

Download and copy the React components into your existing project

2

Configure Integrations

Set up your API keys for Notion, Slack, Google Sheets, or any combination

3

Start Collecting

Feedback automatically flows to your chosen destinations with rich formatting

Example Integration:

import { FeedbackProvider } from "../components/feedback-provider";
import { FeedbackConfig } from "@/components/feedback-widget";

const feedbackConfig: FeedbackConfig = {
  appName: "My Awesome App",
  integrations: {
    notion: {
      apiKey: process.env.NEXT_PUBLIC_NOTION_API_KEY!,
      databaseId: process.env.NEXT_PUBLIC_NOTION_DATABASE_ID!,
    },
    slack: {
      webhookUrl: process.env.NEXT_PUBLIC_SLACK_WEBHOOK_URL!,
      channel: "#feedback",
    },
  },
  theme: {
    primaryColor: "#ec4899",
    borderRadius: "5px",
  },
};

export default function Home() {
  return (
    <FeedbackProvider config={feedbackConfig}>
      <main>
        <YourAppContent />
      </main>
    </FeedbackProvider>
  );
}

Everything You Need

Production-ready components with all the features you'd expect

TypeScript Ready
Full TypeScript support with proper types and interfaces for better development experience.
Multiple Triggers
Floating button, custom triggers, or dedicated page. Choose what works for your app.
Smart Categorization
Bug reports, feature requests, and general feedback with priority levels and detailed forms.
Customizable Design
Match your brand with custom colors, positioning, and styling options.
Rich Context
Automatically captures user agent, URL, timestamp, and other helpful debugging information.
Zero Dependencies
Built with standard React and Shadcn UI library. No additional packages required.

Simple Component Pricing

One purchase, unlimited projects, lifetime updates

Complete Package
FeedbackKit Components
$29/one-time
All components and integrations for unlimited projects
  • Complete React components
  • TypeScript definitions
  • 4+ integration options
  • Customizable theme
  • Multiple trigger options
  • Rich context capture
  • Usage examples
  • Setup documentation
  • Lifetime updates
Download Components Now

✨ Easy purchase through Gumroad • TypeScript included • Multiple integrations

Compare: Building this yourself would take days of development.
Get it done in minutes, not days.

Frequently Asked Questions

What frameworks are supported?

Built for React/Next.js projects. Components use standard React patterns and can be adapted for other React-based frameworks.

Can I use multiple integrations?

Yes! You can send the same feedback to multiple destinations simultaneously. For example, Notion + Slack + Email all at once.

Do I need API keys for everything?

Only for the integrations you want to use. Each integration is optional and can be configured independently.

Can I customize the design?

The components are built with Tailwind CSS and include theme customization options. Full source code is included.

How many projects can I use this in?

Unlimited! One purchase covers all your personal or commercial projects. No per-project licensing fees.

What about updates?

Lifetime updates included. New integrations, bug fixes, and improvements will be available for free.

Ready to Add Feedback to Your Apps?

Stop building feedback systems from scratch. Get production-ready components that work with your favorite tools.

Download Components for $29