Try it
- Playground: design a code and download it. No account needed.
- The menu card above, ready to edit.
- Community: frames and themes people shared, free to use.
- Docs for the editor, dynamic codes, the APIs and self-hosting.
What you can do
Design and download, free and without an account
- Start from one of 113 built-in themes, or build a look from 23 body patterns, 17 corner-eye shapes and 21 eye centers. Pick one of 1,032 frames, from 19 call-to-action frames to holiday, seasonal and industry designs, and edit its text right in the preview.
- Or give the code itself a shape: a circle of dots, a heart, or a silhouette traced in your browser from a PNG, JPEG or SVG you upload.
- Color the background, dots and eyes with a solid color, a linear, radial or angular gradient, a see-through color or a photo.
- Use the Art tab to blend a logo or photo into the dots (Logo QR and Image QR). They're vector art, so they export to every format. When you're signed in, AI art is there too.
- Describe the code you want in the Generate tab and an AI assistant designs it (5 free requests with an account).
- Check the scan score before you print. The playground decodes your design at 96, 160 and 320 px with simulated camera blur and tells you what to fix.
- Download PNG, JPG, WebP, SVG, PDF or EPS with no watermark. Print-ready PDF and EPS come at an exact size in mm or inches, in RGB or CMYK, with optional bleed and PDF crop marks. EPS can't carry a photo fill, so designs with one download as PDF, SVG or PNG.
- Browse the community for frames and themes, all shared under CC0.
- Free tools: a bulk generator from CSV, a scan checker for pictures of QR codes, a print size calculator and a QR code scanner.
Dynamic codes and hosted pages, with a free account
- Short links you can point somewhere else after printing, with scan analytics by country, city, device and browser.
- Hosted mobile pages: link lists, business pages, vCard Plus, menus, coupons, events, app links, forms with a response inbox, PDFs, galleries, audio and video.
- A dashboard for each workspace, with folders, tags, version history and a trash.
- Pro adds teams (owner, admin, member, billing and viewer roles), routing by device, country, language, time or scan count, A/B tests, passwords and expiry dates, custom domains and retargeting pixels. Business adds conversion tracking, webhooks and Slack or Discord alerts.
Free accounts get 10 dynamic codes and 3 hosted pages. Pro is $5 a month ($48 a year) and Business is $15 a month ($144 a year); see pricing. Dynamic codes keep redirecting on every plan, even after a downgrade or a cancellation (Never-Hostage Guarantee).
For developers
Image API. A URL is the image, with no API key. Put it in a README, an <img> tag or an email:
Add format=png or format=eps, size, colors, patterns, a frame, a community item, or the whole design as JSON in style. See the image API docs.
MCP server. Let an AI assistant design a code with a checked scan score, render it, look up styles and community frames, and build Wi-Fi, contact, email, SMS and location payloads. For Claude Code:
claude mcp add --transport http qrdx https://mcp.qrdx.dev/mcp
None of that needs an account. With a QRdx API key on the connection, save_template also saves a design to your workspace's themes. Cursor, VS Code and other clients: see the MCP docs.
REST API. Create and edit dynamic codes (up to 100 per request on Pro and Business), read scan analytics, report conversions, subscribe to webhooks and read your saved themes under https://api.qrdx.dev/v1, with an API key or an OAuth 2.0 token. Every endpoint is in the API reference, generated from the OpenAPI document. Start with the REST API docs.
React library. packages/qrdx is the engine behind the playground.
npm install qrdx
import { QRCodeSVG } from "qrdx";
export function Example() {
return (
<QRCodeSVG
value="https://qrdx.dev"
size={256}
bodyPattern="circle"
cornerEyePattern="gear"
fgColor="#155DFC"
/>
);
}
CLI. @qrdx/cli renders styled codes from the terminal or CI:
npx @qrdx/cli generate "https://qrdx.dev" -o qr.svg
npx @qrdx/cli generate "https://qrdx.dev" -o qr.png --body circle --eye rounded --size 1024
More
- shadcn/ui components:
npx shadcn@latest add https://qrdx.dev/r/qr-code.json adds a QR code with PNG and SVG downloads, and qr-code-scanner.json adds a scanner.
- Agent skill:
generate-qr teaches coding agents to make QR codes with the CLI.
- Plugins: the Chrome extension is in the Chrome Web Store. The Figma, Raycast and Canva plugins install from source.
Self-hosting
You can run the whole web app yourself, dynamic codes and hosted pages included, with Docker Compose (Postgres included) or with Node.js. It needs three environment variables (NEXT_PUBLIC_APP_URL, DATABASE_URL and BETTER_AUTH_SECRET) and one way to sign in: a GitHub or Google OAuth app, or Resend for email sign-in codes. AI, payments, file storage, custom domains and the integrations are optional.
여기까지가 README 앞부분입니다. 나머지는 원문에서 읽을 수 있습니다. README 전문 보기 ↗
