Tip Jar

Support/monetization widget with preset amounts, custom tips, and payment integration.

Preview

Buy me a coffee

Your support helps me create more content

Custom Options

Support my music

Help fund my next album

Usage

import { TipJar } from "@/components/profile"

<TipJar
  title="Buy me a coffee"
  subtitle="Your support means everything"
  options={[
    { amount: 3, label: "Coffee", emoji: "☕" },
    { amount: 10, label: "Meal", emoji: "🍔" },
    { amount: 25, label: "Support", emoji: "❤️" },
  ]}
  onTip={(amount) => processPayment(amount)}
  allowCustom
/>

Props

Prop	Type	Default
title	string	"Support me"
subtitle	string	-
options	TipOption[]	Default amounts
onTip	(amount) => void	required
allowCustom	boolean	true