Add the Jami tipping widget to your React or Next.js app.
- ⚛️ React-friendly
- 🎨 Easy customization
- 🧠 TypeScript support
pnpm add react-jami-widgetor
npm install react-jami-widget"use client";
import { JamiWidget } from "react-jami-widget";
export default function Page() {
return (
<JamiWidget
id="yoni-tad"
color="#9333ea"
text="Leave Tip"
emoji="☕"
position="right"
/>
);
}| Prop | Type | Required | Description |
|---|---|---|---|
| id | string | ✅ | Your jami.bio username |
| color | string | ❌ | Button color |
| text | string | ❌ | Button text |
| emoji | string | ❌ | Emoji icon |
| position | "left", "right" | ❌ | Widget position |
- Add
"use client"at the top of your component - Widget runs only on client side
This package wraps the official Jami widget script and injects it safely into React apps.
MIT