FeedbackKit - Developer-first feedback collection

Installation

Get started with FeedbackKit by installing our widget and setting up your project.

Quick Installation

Install with npmbash

npm install @feedbackkit/widget

Framework-Specific Setup

Next.js

Setup for Next.js 13+ with App Router

npm install @feedbackkit/widget

Vanilla JS

Use without any framework

npm install @feedbackkit/widget

Environment Setup

Environment Variables

Add your API key to your environment variables

.env.localbash

# .env.local
NEXT_PUBLIC_FEEDBACKKIT_API_KEY=feedbackkit_sk_your_api_key_here

Note: Get your API key from the dashboard after signing up.

Basic Usage

Add the FeedbackWidget to your application with minimal configuration:

Basic Examplejavascript

import { FeedbackWidget } from '@feedbackkit/widget';

export default function App() {
  return (
    <div>
      <h1>My Website</h1>
      <FeedbackWidget 
        apiKey="your-api-key"
        appName="My App"
        trigger="floating"
        position="bottom-right"
      />
    </div>
  );
}

TypeScript Support

FeedbackKit comes with built-in TypeScript support. No additional setup required!

TypeScript Exampletypescript

import { FeedbackWidget } from '@feedbackkit/widget';
import type { FeedbackWidgetProps } from '@feedbackkit/widget';

const MyFeedbackWidget: React.FC<FeedbackWidgetProps> = (props) => {
  return <FeedbackWidget {...props} />;
};

Next Steps

Authentication

Set up your API key and start making requests

First API Call

Make your first request to the FeedbackKit API

Components

Explore our pre-built feedback components