Add a feedback widget to your Next.js app

Create a client component, import the widget. Works with both App Router and Pages Router — SSR-safe with zero configuration.

Install

npm install @palmframe/widget

Add to your app

'use client'
import '@palmframe/widget'

export default function FeedbackWidget() {
  return <palmframe-widget project="your-project-id" />
}

Benefits

  • Works with App Router and Pages Router
  • Client component — SSR-safe out of the box
  • Shadow DOM isolation — no Tailwind or global CSS conflicts
  • Compatible with Next.js 13, 14, and 15
  • TypeScript declarations included

See full documentation

Ready to add feedback to your app?

Try Palmframe free — takes 2 minutes to set up.