Installation

Requirements

• Node.js 16+
• React 16.8+ or Next.js 12+
• Tailwind CSS 3.0+

Install

Via npx (Recommended)

bashCopy
npx devfund@latest card

Global Install

bashCopy
npm install -g devfund
devfund card

Dev Dependency

bashCopy
npm install --save-dev devfund
npx devfund card

Setup

Next.js (Already Set Up)

Most Next.js projects work out of the box. Just ensure your globals.css imports Tailwind:

cssCopy
@tailwind base;
@tailwind components;
@tailwind utilities;

React + Vite

bashCopy
npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p

Update tailwind.config.js:

jsCopy
module.exports = {
  content: ["./src/**/*.{js,jsx,ts,tsx}"],
  theme: { extend: {} },
  plugins: [],
};

Import in your CSS:

cssCopy
@tailwind base;
@tailwind components;
@tailwind utilities;

Verify

bashCopy
npx devfund@latest card

You should see the component created in components/devfund/CardPaymentQR.tsx

Next: Learn Usage →