UPI QRAPI
Open-source UI kit

Components

Every control on this site, in one place — plain Tailwind CSS with a sprinkle of Alpine.js for interactivity. Copy what you need; there's no separate component library to install.

Buttons

Badges

New Active Failed Pending

Form controls

Alerts

Your API key was regenerated successfully.
That UPI ID doesn't look valid.
Paid access required to call the API.

Tabs

This mirrors the tab pattern used on the docs page's code samples.

Swap the panel content — same markup, no JS framework required.

Accordion

A Virtual Payment Address, e.g. yourname@bank — the id UPI apps use to route payments, used as the upi_id parameter.

Tooltip

Rate limited to 60 req/min

Modal

Regenerate API key?

Your existing key will stop working immediately. This is exactly what the dashboard's regenerate button does.

Copy to clipboard

uqa_2f8b1c7a9d0e4f6a8b1c2d3e4f5a6b7c

QR themes

Pass the key as the theme parameter.

classic
indigo
ocean
forest
sunset
candy
royal
midnight

Icon set

Hand-drawn inline SVGs — no icon font, no extra request.

qr
sparkles
shield-check
bolt
palette
image
code
arrow-right
external
check
check-circle
copy
sun
moon
key
users
chart
book
upload
refresh
credit-card
trash
layers
menu