Skip to content

A sleek, professional payment badge system for accepting cryptocurrency donations directly from your GitHub README files.

Notifications You must be signed in to change notification settings

profullstack/paybadge

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

27 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ’° PayBadge - Crypto Payment Badge for GitHub

A sleek, professional payment badge system for accepting cryptocurrency donations directly from your GitHub README files.

Crypto Payment

πŸš€ Quick Start

Add a crypto payment badge to your GitHub README by copying one of the code blocks below:

Basic Payment Badge

[![Crypto Payment](https://paybadge.profullstack.com/badge.svg)](https://paybadge.profullstack.com/)

Custom Single Cryptocurrency

[![Bitcoin Payment](https://paybadge.profullstack.com/badge.svg)](https://paybadge.profullstack.com/?ticker=btc)

πŸ“‹ Supported Query Parameters

The payment system supports the following URL parameters for customization:

1. Single Cryptocurrency (ticker)

Restrict payments to a single cryptocurrency:

Bitcoin Only:

[![Bitcoin Payment](https://paybadge.profullstack.com/badge.svg)](https://paybadge.profullstack.com/?ticker=btc)

Ethereum Only:

[![Ethereum Payment](https://paybadge.profullstack.com/badge.svg)](https://paybadge.profullstack.com/?ticker=eth)

Solana Only:

[![Solana Payment](https://paybadge.profullstack.com/badge.svg)](https://paybadge.profullstack.com/?ticker=sol)

USDC Only:

[![USDC Payment](https://paybadge.profullstack.com/badge.svg)](https://paybadge.profullstack.com/?ticker=usdc)

2. Multiple Cryptocurrencies (tickers)

Allow payments with multiple cryptocurrencies:

Bitcoin and Ethereum:

[![Crypto Payment](https://paybadge.profullstack.com/badge.svg)](https://paybadge.profullstack.com/?tickers=btc,eth)

All Supported Cryptos:

[![Crypto Payment](https://paybadge.profullstack.com/badge.svg)](https://paybadge.profullstack.com/?tickers=btc,eth,sol,usdc)

Stablecoins Only:

[![Stablecoin Payment](https://paybadge.profullstack.com/badge.svg)](https://paybadge.profullstack.com/?tickers=usdc)

3. Custom Recipient Address (recipient_address)

Use your own wallet address (works with single ticker only):

Bitcoin with Custom Address:

[![Bitcoin Payment](https://paybadge.profullstack.com/badge.svg)](https://paybadge.profullstack.com/?ticker=btc&recipient_address=bc1qxy2kgdygjrsqtzq2n0yrf2493p83kkfjhx0wlh)

Ethereum with Custom Address:

[![Ethereum Payment](https://paybadge.profullstack.com/badge.svg)](https://paybadge.profullstack.com/?ticker=eth&recipient_address=0x742d35Cc6634C0532925a3b8D4C9db96590c6C8b)

4. Multiple Custom Addresses (recipient_addresses)

Specify different addresses for different cryptocurrencies:

Multiple Cryptos with Custom Addresses:

[![Crypto Payment](https://paybadge.profullstack.com/badge.svg)](https://paybadge.profullstack.com/?tickers=btc,eth,usdc&recipient_addresses=btc:bc1qxy2kgdygjrsqtzq2n0yrf2493p83kkfjhx0wlh,eth:0x742d35Cc6634C0532925a3b8D4C9db96590c6C8b,usdc:0x742d35Cc6634C0532925a3b8D4C9db96590c6C8b)

🎨 Badge Customization

Different Badge Styles

You can create different badge styles for different purposes:

Donation Badge:

[![Donate with Crypto](https://paybadge.profullstack.com/badge.svg)](https://paybadge.profullstack.com/?tickers=btc,eth)

Support Badge:

[![Support this Project](https://paybadge.profullstack.com/badge.svg)](https://paybadge.profullstack.com/?tickers=btc,eth,sol,usdc)

Tip Badge:

[![Tip with Bitcoin](https://paybadge.profullstack.com/badge.svg)](https://paybadge.profullstack.com/?ticker=btc&recipient_address=your-btc-address)

πŸ”§ Advanced Examples

Complete Project Setup

Here's how you might set up payment badges for a complete project:

# My Awesome Project

## Support This Project

If you find this project helpful, consider supporting it with cryptocurrency:

### Quick Donation

[![Crypto Payment](https://paybadge.profullstack.com/badge.svg)](https://paybadge.profullstack.com/?tickers=btc%2Ceth%2Csol%2Cusdc)


### Specific Cryptocurrencies

| Cryptocurrency | Badge | Address |
|----------------|-------|---------|
| Bitcoin | [![Bitcoin](https://paybadge.profullstack.com/badge.svg)](https://paybadge.profullstack.com/?ticker=btc&recipient_address=bc1qxy2kgdygjrsqtzq2n0yrf2493p83kkfjhx0wlh) | `bc1qxy2kgdygjrsqtzq2n0yrf2493p83kkfjhx0wlh` |
| Ethereum | [![Ethereum](https://paybadge.profullstack.com/badge.svg)](https://paybadge.profullstack.com/?ticker=eth&recipient_address=0x742d35Cc6634C0532925a3b8D4C9db96590c6C8b) | `0x742d35Cc6634C0532925a3b8D4C9db96590c6C8b` |
| USDC | [![USDC](https://paybadge.profullstack.com/badge.svg)](https://paybadge.profullstack.com/?ticker=usdc&recipient_address=0x742d35Cc6634C0532925a3b8D4C9db96590c6C8b) | `0x742d35Cc6634C0532925a3b8D4C9db96590c6C8b` |

Developer-Friendly Setup

For developers who want to make it easy for users to support their work:

## πŸ’ Support Development

Love this project? Support continued development:

**One-Click Crypto Donation:**
[![Support Development](https://paybadge.profullstack.com/badge.svg)](https://paybadge.profullstack.com/?tickers=btc,eth,sol,usdc&recipient_addresses=btc:bc1qxy2kgdygjrsqtzq2n0yrf2493p83kkfjhx0wlh,eth:0x742d35Cc6634C0532925a3b8D4C9db96590c6C8b,sol:9WzDXwBbmkg8ZTbNMqUxvQRAyrZzDsGYdLVL9zYtAWWM,usdc:0x742d35Cc6634C0532925a3b8D4C9db96590c6C8b)

**Prefer Bitcoin?**
[![Bitcoin Only](https://paybadge.profullstack.com/badge.svg)](https://paybadge.profullstack.com/?ticker=btc&recipient_address=bc1qxy2kgdygjrsqtzq2n0yrf2493p83kkfjhx0wlh)

🌟 Supported Cryptocurrencies

Symbol Name Default Address
btc Bitcoin bc1q254klmlgtanf8xez28gy7r0enpyhk88r2499pt
eth Ethereum 0x402282c72a2f2b9f059C3b39Fa63932D6AA09f11
sol Solana CsTWZTbDryjcb229RQ9b7wny5qytH9jwoJy6Lu98xpeF
usdc USD Coin 0x402282c72a2f2b9f059C3b39Fa63932D6AA09f11

πŸ”’ Security Features

  • QR Code Generation: Automatic QR codes for mobile wallet scanning
  • Address Validation: Built-in validation for wallet addresses
  • Secure Payment Flow: No private keys or sensitive data stored
  • Blockchain Verification: Real-time payment verification via blockchain APIs

πŸ“± Mobile-Friendly

The payment interface is fully responsive and optimized for mobile devices, making it easy for supporters to donate from any device.

πŸ› οΈ Technical Details

  • Framework: Vanilla JavaScript (ES2024+)
  • Styling: Modern CSS with CSS Grid and Flexbox
  • QR Codes: Dynamic generation using QRCode.js
  • Blockchain APIs: Integration with major blockchain explorers
  • Accessibility: Full ARIA support and keyboard navigation

πŸ“„ License

This project is open source and available under the MIT License.


Crypto Payment

Made with ❀️ for the crypto community

About

A sleek, professional payment badge system for accepting cryptocurrency donations directly from your GitHub README files.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •