Introduction

Devfund lets you add beautiful UPI payment components to your Next.js/React app in seconds.

What is Devfund?

• ✨ One-command component generation
• 🎨 5 pre-built variants (Card, Glass, Minimal, Modern, Modal)
• ⚡ Zero configuration needed
• ♿ Fully accessible
• 🔒 Secure & error-handled
• 📦 TypeScript ready
• MIT Licensed

Quick Start

bashCopy
npx devfund@latest card

tsxCopy
import CardPaymentQR from '@/components/devfund/CardPaymentQR';

export default function App() {
  return <CardPaymentQR username="yourname" />;
}

Next Steps

• Installation - Setup guide
• Variants - See all 5 designs
• Usage - Learn how to use