Feedback Widget Demo

This page demonstrates the SquatchLoop feedback widget. Click the button in the bottom-right corner to try it out!

Multiple Feedback Types

Users can submit bug reports, feature requests, questions, or praise.

Screenshot Capture

Capture screenshots directly from the widget for visual bug reports.

Auto-captured Metadata

URL, browser info, and viewport size are automatically collected.

Customizable Branding

Match your product's colors and company name.

Smooth Animations

Beautiful micro-interactions powered by Framer Motion.

Dark Mode Support

Automatically adapts to your system's color scheme.

Integration Example

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

function App() {
  return (
    <div>
      <YourApp />
      <FeedbackWidget
        primaryColor="#232C5B"
        companyName="Your Company"
        onSubmit={async (feedback) => {
          await api.submitFeedback(feedback);
        }}
      />
    </div>
  );
}