QR Login | Zyeon UI

Preview in your theme

ready · waiting — the code is live: the sweep line runs (off under prefers-reduced-motion), the countdown ticks down from 1:48, and the pairing phrase stands in for the secret the QR carries. Cancel drops the panel to the empty branch.

Sign in from your phone

Scan this code with an app that is already signed in.

Pairing phrase

Your phone shows the same phrase. Approve only if the two match — the code itself is never shown here.

Waiting for a scan

Open the app on a phone that is already signed in and point it at this code.

Expires in --:--

Can't scan? Open ui.zyeon.ai/login on your phone and sign in there instead.

ready · scanned — the code is blurred out so a second phone cannot lift it off the screen, and the scan is attributed: device, an explicitly approximate location, and an age that recomputes every second. “Not my phone — reject” calls onCancel.

Sign in from your phone

Scan this code with an app that is already signed in.

Scanned

Pairing phrase

Your phone shows the same phrase. Approve only if the two match — the code itself is never shown here.

Scanned — approve it on your phone

Check the pairing phrase matches the one on the phone before approving.

Device: iPhone 15 Pro · Zyeon iOS 4.2
Approximate location: Near Lisbon, Portugal (approximate)
Scanned: —

Expires in --:--

ready · approved — terminal, so the countdown and both buttons are gone. This payload has no location on it, and the panel says “Location unavailable” rather than inventing one.

Sign in from your phone

Scan this code with an app that is already signed in.

Approved

The sign-in was approved on the device below.

Device: Pixel 9 · Zyeon Android 4.2
Approximate location: Location unavailable
Scanned: —

ready · expired — the code went stale 12s before mount. “New code” really mints one: the panel flips back to waiting with a fresh 1:48 countdown.

Sign in from your phone

Scan this code with an app that is already signed in.

Expired

Code expired

Sign-in codes are short-lived on purpose.

This code can no longer be used.

ready · a stale poll — the payload still claims status “waiting”, but its expiresAt passed 3s ago. Expiry is derived from expiresAt, so the panel renders expired and offers a refresh instead of counting down into negative numbers.

Sign in from your phone

Scan this code with an app that is already signed in.

Pairing phrase

Your phone shows the same phrase. Approve only if the two match — the code itself is never shown here.

Waiting for a scan

Open the app on a phone that is already signed in and point it at this code.

Expires in --:--

Can't scan? Open ui.zyeon.ai/login on your phone and sign in there instead.

loading — the skeleton keeps the real anatomy (code square, phrase row, status block, actions) so nothing jumps when the code lands.

Sign in from your phone

Scan this code with an app that is already signed in.

empty — no code has been issued to this browser. “Get a code” mints one and moves the panel to waiting.

Sign in from your phone

Scan this code with an app that is already signed in.

No sign-in code yet

This browser has not been issued one.

error — the reason comes from the payload, not a generic apology; “Try again” is only rendered because onRefresh exists, and it really flips the panel to a live code.

Sign in from your phone

Scan this code with an app that is already signed in.

Couldn't get a sign-in code

The sign-in service timed out after 10s (request 4f21c8).

Loading preview…

This component is part of Pro

The install command, prompt and concept map are included with a Pro license — one purchase unlocks every Pro component, forever.

Unlock with Pro