Donation Modal Demo

A lightweight, customizable donation modal for web projects

Live Configuration

Modify the configuration below and click "Apply Changes" to see the modal with your custom settings:

Ethereum Address:

Bitcoin Address:

Buy Me a Coffee URL:

Modal Title:

Modal Description:

Implementation Example

<!-- Include the all-in-one file -->
<script src="donation-modal.min.js"></script>

<!-- Initialize the modal -->
<script>
  const donationModal = new DonationModal({
    ethAddress: '0x5214e7601682dEE3397666b8bBaeDBD682d19186',
    btcAddress: '3BHETs8Fby8RmYhuqQqFBLfc7vMYD1R1mA',
    buyMeCoffeeUrl: 'https://buymeacoffee.com/yourname'
  });
  
  donationModal.init();
  donationModal.attachToTrigger(document.getElementById('donate-btn'));
</script>
      

Features

🎨 Clean, modern design with automatic dark mode support
💰 Cryptocurrency support (Ethereum & Bitcoin)
☕ Buy Me a Coffee integration
📱 Fully responsive and mobile-friendly
📋 Click-to-copy addresses with visual feedback
🔲 QR code generation for Ethereum address
🎯 Zero dependencies (QR library loaded on-demand)
♿ Keyboard accessible