Fundhog: Helping Creators Accept Crypto Donations Directly

Sam Person | FundHog — Sun, 13 Apr 2025 18:14:38 +0000

Hey dev.to!

I’m pumped to share Fundhog, a project I built to let creators (and devs like us) accept cryptocurrency donations directly on their websites. It’s a dead-simple JavaScript widget that adds a customizable donation button, sending tips wallet-to-wallet in Ethereum, Polygon, or other chains. No middleman, no nonsense—just clean code and direct payments. Here’s why I created Fundhog and how you can drop it into your next project.

Why Crypto Donations?

As a dev who moonlights as a blogger, I’ve always wanted better ways to fund my work. Traditional payment systems are a drag: fees eat tips, payouts crawl, and global fans get blocked. Crypto fixes that. It’s instant, transparent, and (on Polygon) cheaper than lunch. In 2025, with Web3 booming, I saw a chance to help creators—and devs building for them—tap crypto’s power without wading through blockchain jargon.

Fundhog’s my take: a lightweight tool to add crypto donations to any site. You get tips straight to your wallet, no platform skimming. Whether you’re funding a GitHub repo or helping a creator client monetize, Fundhog’s got your back.

What Fundhog Does

I designed Fundhog to be dev-friendly and creator-focused. Here’s the rundown:

Button Builder for Style

Creators love branding, so I added a button builder to customize the donation button. Pick sizes (small: 8px padding, medium: 12px, large: 16px), border radii (0px to pill-shaped), and colors (hex like #EC4899). Set text like “Support My Code” or “Buy a Coffee.” It’s a no-code UI for clients, but devs can tweak the config directly. Takes minutes, looks sharp.

No Middleman, Pure P2P

When fans donate, crypto goes directly to your wallet. Fundhog doesn’t touch funds—I just handle the connection. It’s wallet-to-wallet, with blockchain’s transparency. That 0.01 ETH or MATIC lands in your address, no fees from me.

Easy Integration

Embedding Fundhog is a breeze. Add a <div>, set a config, and load the script. Here’s a sample:

<div id="crypto-coffee-button"></div>
<script>
  window.cryptoCoffeeConfig = {
    text: "Buy a Coffee",
    color: "#EC4899",
    size: "md",
    borderRadius: "md",
    amount: "0.01",
    recipientAddress: "0x144d216d505de96a4d60336a5cab0b22772b0102"
  };
</script>
<script src="https://www.fundhog.xyz/embed.js"></script>

This works in vanilla HTML, React, WordPress—you name it. The script’s ~1KB, lazy-loads, and spins up a secure iframe for wallet connections (MetaMask, Coinbase Wallet). Fans click, pick a chain, and tip instantly.

🌐 Multi-Chain Support

Fundhog supports Ethereum, Polygon, and EVM-compatible chains. Why Polygon? Low gas fees—think cents, not dollars. The widget auto-detects the donor’s chain ID (e.g., 1 for Ethereum, 137 for Polygon) using eth_chainId, so UX stays smooth. More chains are on my radar.

🔐 Secure and Lean

Security’s non-negotiable. The donation modal’s an iframe hosted at https://www.fundhog.xyz/, sandboxed to keep things tight. The script’s minimal, with no bloaty dependencies, and lazy-loading keeps page speed crisp. Devs, you’ll dig the clean implementation.

Who’s It For?

Fundhog fits tons of use cases:

Indie Devs: Fund your open-source work with ETH or MATIC tips.
Creator Clients: Build donation buttons for artists or streamers’ sites.
Bloggers: Add a crypto “Support Me” to your dev blog.
Nonprofits: Accept transparent donations for community projects.
Hackers: Experiment with Web3 monetization on side projects.

If you’ve got a site, Fundhog can monetize it with crypto, no platform in the middle.

How to Add It

Three steps:

Hit fundhog.xyz.
Use the button builder or edit the config (size, color, etc.).
Paste the embed code.
Done—your button’s live.

🛠 Tech Bits for Devs

Since you’re dev.to folks, here’s the nerdy stuff:

Script: embed.js (~1KB) creates a in your <div id="crypto-coffee-button">, styled via inline CSS (e.g., padding: 12px 20px for medium).

Modal: Clicking opens an iframe (https://www.fundhog.xyz/[address]), handling wallet logic securely.

Customizable: Config options (size, borderRadius) map to inline styles (e.g., border-radius: 6px for md).

No Deps: Pure JS, no frameworks needed, works client-side.

It’s lightweight enough for a static site, flexible for SPAs. React/Vue devs, just wrap it in a useEffect or mounted.

🚀 Why Now?

Crypto’s reshaping how we fund work. Devs are building Web3 apps, creators are dropping NFTs, and fans want to tip directly. Fundhog bridges that gap, making donations as easy as a <script> tag. In 2025, I think creators and coders should own their earnings—blockchain makes it possible, and Fundhog makes it simple.

🔮 What’s Next?

This is v1, and I’m itching to improve it. Solana support? Gasless donations? Builder animations? I’d love your take—what chains or features would you add?

Try it at fundhog.xyz, fork the idea, or ping me on X (@ItsSamPerson) with feedback. Dev.to’s community always has killer ideas.

🧡 Wrap-Up

Fundhog’s my love letter to creators and devs. It blends Web3’s power with the simplicity we crave when building. Whether you’re monetizing a blog, funding a repo, or helping a client shine, I hope Fundhog sparks something cool.

Give it a spin, tweak that button, and let me know how it lands.
Thanks for reading, and happy coding!

DEV Community: Sam Person | FundHog