rifeedback

Visual feedback overlay for React applications. Add collaborative design review, annotations, and comments directly on your web pages.

Install

npm install rifeedback

Usage

import { Rifeedback } from 'rifeedback'

function App() {
  return (
    <div>
      <Rifeedback projectKey="your-project-key" />
    </div>
  )
}

Props

| Prop | Type | Default | Description | |------|------|---------|-------------| | projectKey | string | — | Your project key from the RiFeedback dashboard | | apiBaseUrl | string | 'https://app.rifeedback.com/api' | API base URL (override for self-hosted instances) | | position | 'bottom-right' \| 'bottom-left' | 'bottom-right' | Position of the feedback button | | offset | { x: number; y: number } | — | Pixel offset from the corner | | defaultVisible | boolean | false | Show the overlay on mount | | zIndex | number | — | Custom z-index for the overlay | | onAnnotationCreated | (annotation) => void | — | Callback when an annotation is created | | onReady | () => void | — | Callback when the widget is ready |

Requirements

• React 18+ or React 19+
• A RiFeedback project (sign up at rifeedback.com)

License

Business Source License 1.1 — Copyright (c) 2026 Ritech International AG