SkillAgentSearch skills...

Upi

Simple UPI & PayPal Details Page with Click-to-Copy functionality to receive UPI and PayPal Donations.

Install / Use

/learn @inulute/Upi

README

<div align="center"> <img src="assets/upi_paypal.svg" alt="Project Logo"> <h1>UPI & PayPal Donation Page</h1> <p>A user-friendly UPI and PayPal Details Page with dynamic QR code switching between UPI and PayPal donations.</p> </div> <div align="center"> <!-- Shields.io Badges --> <img src="https://img.shields.io/badge/Status-Active-brightgreen.svg"> <img src="https://img.shields.io/badge/License-MIT-blue.svg"> </div>

✨ Features

  • Display a QR code for UPI payments with a dynamic toggle for PayPal.
  • Interactive UPI ID with a "Copy" button that changes to "Open PayPal" when switching to PayPal.
  • Responsive design for various screen sizes.
  • Easy to use and modify.
  • MIT License.
  • Free to use.
  • No ads.
  • No popups.
  • No bullshit.

🚀 Demo

See a live demo of the UPI and PayPal Payment Page by clicking the button below.

<div align="center">

Demo

</div>

📷 Screenshots

<div align="center">

Screenshot 1

</div>

🛠️ Build Your Own

Want to create a similar project? Follow these steps to build your own UPI Payment Page:

  1. Clone the Repository: Begin by cloning this repository to your local machine using the following command:

    git clone https://github.com/inulute/upi.git
    
  2. Navigate to the Project Directory: Move into the project directory:

    cd upi
    
  3. Customize Content: Update the index.html file to include your own QR codes, UPI ID, and other content. The page now supports toggling between UPI and PayPal options.

  4. Add Styles: Modify the styles.css file to match your preferred styling and design choices.

  5. Test Locally: Open the index.html file in your web browser to test your changes locally.

  6. Deploy: Once you're satisfied with your changes, you can deploy the project to a hosting platform of your choice.

That's it! You've successfully created your own UPI Payment Page with dynamic donation options. 🎉

<div align='center'>

[!NOTE] Attribution to this UPI & PayPal Payment Page project is appreciated.

</div>

💡 Inspiration

This project was inspired by the need for a simple and interactive donation page. Feel free to add your own creative touch and features!

📝 License

This project is licensed under the MIT License.

🤝 Contributing

Contributions are welcome! If you find any issues or want to add enhancements, feel free to submit a pull request.

☕ Donate

If you find this project useful, consider buying me a coffee to show your support! 😄

<div align="center"> <a href="https://ko-fi.com/inulute"> <img height='41' src='https://az743702.vo.msecnd.net/cdn/kofi3.png?v=0' alt='Buy Me a Coffee at ko-fi.com'></a> <a href="https://www.buymeacoffee.com/inulute" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" height="41px"></a> <a href="https://paypal.me/inulute"><img src="assets/paypal.svg" alt="PayPal" height="41" width="174"></a> <a href="https://upi.inulute.com"> <img src="assets/upi.svg" alt="UPI Pay" height="41" width="174"> </a> <br> </div>

[!NOTE]
UPI is only available for Indian users.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Related Skills

View on GitHub
GitHub Stars14
CategoryDevelopment
Updated2mo ago
Forks6

Languages

HTML

Security Score

95/100

Audited on Jan 21, 2026

No findings