Skip to content
beoops
2026LiveBackendTooling

QR Tooling

QR utilities for the web.

QR Tooling case study cover — QR utilities for the web.
Scan grid

Overview

Generate styled SVG QR codes, host short redirects, and build Hong Kong FPS (轉數快) payment QR payloads. Pure TypeScript encode, no canvas.

Context

QR needs show up in marketing, ops, print, and HK local payments. Teams should not need a heavy SaaS for encode, short links, or FPS merchant QR payloads.

Approach

GET /api/qr renders styled SVG. POST /api/qr/host stores short links. GET/POST /api/qr/fps builds HKICL Common QR payloads for FPS (ID, mobile, or email) then renders with the same design engine.

Result

Product UI at /project/qr: generate, FPS 轉數快, PayMe styling from a public link, host, download, and share. Payload logic is local TypeScript with CRC verification.

Stack

  • TypeScript
  • Next.js
  • SVG
  • uqr
  • HK FPS

About this tool · 關於本工具

beoops QR tools

beoops QR tools generate styled SVG QR codes, Hong Kong FPS (轉數快) payment QR payloads, PayMe public-link styling, and short links. They encode and style data in the browser or lightweight APIs — they do not process bank payments.

Open:

Who it is for
Hong Kong merchants, freelancers, and developers who need QR or FPS payloads without full payment gateway integration.
Pricing
Free browser tools. No account required for core generators.
Privacy & legal
FPS/PayMe helpers encode or style payloads only. Always verify generated codes in official bank or wallet apps before collecting money.

Features

  • Styled SVG QR code generation
  • Hong Kong FPS (轉數快) EMVCo-style payload builder
  • PayMe public share-link styling
  • Short link hosting
  • No bank API keys required for local encode/style flows

How to generate a Hong Kong FPS payment QR payload

Build an FPS (轉數快) style payment QR payload with beoops QR tools, then verify in your bank app.

  1. Open QR tools. Visit https://beoops.com/project/qr.
  2. Choose FPS mode. Select the FPS / 轉數快 builder and enter the required merchant or account fields.
  3. Generate and verify. Generate the QR, then scan and verify it in your official bank or wallet app before use.

Frequently asked questions

What QR tools does beoops offer?

beoops offers free browser tools for styled SVG QR codes, Hong Kong FPS (轉數快) payment QR payload building, PayMe public-link styling, and short-link hosting at https://beoops.com/project/qr.

Does the FPS QR tool process payments?

No. beoops QR tools encode and style payment QR payloads. They do not move money. You must verify any code in the official bank or wallet app before collecting payment.

Do I need bank API keys?

No bank API keys are required for the local encode and style flows. Official apps remain the source of truth for payment acceptance.

Built by · Hong Kong product studio · llms.txt · sitemap