Buy me a coffee → treat! on your page

One <script> tag. Zero dependencies. ~5 KB. Looks great on light & dark.

1 · Floating card (default)

Pins the treat card to the bottom corner of every page. Set data-app so treats are attributed to this page.

Copy snippet

2 · Inline card

Renders exactly where you place the tag — put it in your footer, sidebar, "support us" box, anywhere.

Copy snippet

Options

data-app	Attribution slug recorded with every treat (shows in /stats). Defaults to the host page's hostname.
data-inline	Render inline where the tag sits instead of floating.
data-theme	auto (default, matches the host page's light/dark tone) · light · dark.

What happens on click

The card is a self-contained dark surface (Shadow-DOM isolated — zero CSS bleed from your page). A supporter picks a bone tier and taps Give a treat; checkout runs one-tap via Stripe, attributed to ?app=<your-slug> so every payment is credited to the page that earned it. A custom "your call" amount opens the full page, where a larger treat earns a permanent do-follow backlink.