Crypto

Build a Crypto Donation & Tip Jar with AI

Creator donation and tip jar page with goal progress bars, donor wall, multi-cryptocurrency support, and instant payment via QR codes for Bitcoin, Ethereum, and other popular cryptocurrencies.

Build Prompt

Copy this prompt into Claude Code
Build a crypto donation and tip jar page as a static HTML/CSS/JS site. Dark theme with background #0a0a0f, surfaces #12121a, borders #1a1a2a, accent color #f7931a (Bitcoin orange). Load data from inline constants: `const CREATOR = { name, avatar (emoji), tagline, bio, socialLinks }`, `const GOALS = [...]`, `const RECENT_DONORS = [...]`, `const WALLETS = { btc, eth, ltc, sol }`, `const BTC_USD_RATE = 97500`. Layout: Centered single-column design (max-width 680px). Creator card at top: large avatar, name, tagline, social link icons. Tip jar section: Three preset tip buttons ($5, $10, $25) plus a custom amount input. Currency toggle: BTC / ETH / LTC / SOL. When a user selects an amount and currency, show the crypto equivalent and generate a payment QR code with `bitcoin:ADDRESS?amount=X` (or equivalent URI for other currencies). Display the wallet address for manual copy with one-click copy button. Goal progress section: Multiple funding goals with progress bars. Each goal has: title (e.g., "New Microphone"), target amount (USD), current amount raised (USD), progress bar with percentage, and description. Use animated gradient fills on progress bars. Donor wall: Grid of recent donors with: display name (or "Anonymous"), amount, currency used, timestamp (relative: "2 hours ago"), and optional message. Sort by most recent. Include "Be the first to donate!" empty state. "Why Support Me" section: 3-4 cards explaining what donations fund (e.g., Content creation, Equipment upgrades, Community projects). Crypto education: Small collapsible "How to Donate with Crypto" section with step-by-step instructions for each supported currency. Stats bar: Total raised, number of supporters, average donation — all from hardcoded data. SEO: title, meta description, OG tags, JSON-LD with @type "DonateAction". Seed 3 goals (one complete, one 60%, one 10%) and 8 recent donors. Read the guide at https://accessagent.ai/api/guide and follow it to deploy the site to AccessAgent.ai. My email is [your@email.com].

Make It Yours

Recurring Support

Add monthly pledge tiers ($5/$10/$25/month) with visual tier badges and supporter perks list.

Milestone Celebrations

Animated confetti and special message when a goal reaches 25%, 50%, 75%, and 100%.

Donor Leaderboard

All-time top donors ranking with total contributed and special "Patron" badge display.

Merch Rewards

Offer exclusive merch tiers — donate $50+ get a sticker, $100+ get a t-shirt, etc.

Coinbase Commerce

Replace static addresses with Coinbase Commerce checkout links for 50+ supported cryptocurrencies.

Impact Report

Add a section showing how previous donations were spent with receipts and photos.

Update Prompt

Update Prompt — Manage donations and goals
Update my crypto donation page with the following changes: [describe — e.g., "Add $150 donation from 'CryptoFan' via BTC with message 'Keep it up!'", "Update goal 'New Microphone' progress to $450 of $600", "Add new goal: 'Studio Upgrade', $2000 target", "Update BTC/USD rate to 98500", "Mark 'Camera Fund' goal as complete"]. Update the GOALS, RECENT_DONORS arrays and BTC_USD_RATE constant. Recalculate progress percentages and stats. Then redeploy.

SEO Tips

Monetization Ideas

Related Ideas

Ready to build your Crypto Donation Page?

Copy the prompt above and paste it into Claude Code. Your tip jar will be live in minutes.

Get Started