Fancy UI KitFancy UI Kitv0.5
DocsLearnPackagesTUIFlowUse CasesInspirationShowcaseLeaderboard
Sign in
FP

fancy-passkeys-ui

@particle-academy/fancy-passkeys-ui

React surfaces for passkey (WebAuthn) sign-in and passkey management, plus a React-free /client subpath carrying the browser half of both ceremonies. Controlled, JSON-serializable, agent-bridgeable — and deliberately not agent-completable: no prop, export or MCP tool finishes a ceremony, because that needs a gesture and a biometric only the human has. Pairs with particle-academy/fancy-passkeys (PHP) or @particle-academy/fancy-passkeys (Node).

UI surfaceTS 3 components
Part of Fancy Passkeys — 3 packages, one productSee the family
UI surface
3 components, each with a live demo, props table, and source.
Sign in with a passkey
ButtonlivebetaCardRK
$npm install @particle-academy/fancy-passkeys-ui
README GitHub npm Issues
Pairs with
fancy-passkeysfancy-passkeys-js

Components

3 components · click any tile for a full demo, source, and install snippet.

PasskeySignInOpen →
Sign in with a passkey
Controlled sign-in surface — discoverable (usernameless) by default, username-first with conditional-UI autofill on request. A dismissed prompt reads as "cancelled", not as an error.
PasskeyManagerOpen →
MacBook Touch ID
Controlled list of a user's passkeys with rename and revoke. Rows are handled by credential ID, revoke stages for human confirmation, and the last-passkey lockout is spelled out rather than implied.
PasskeyStatusOpen →
Passkeys supportedBuilt-in authenticatorNo autofill sign-in
Read-only "can this browser do passkeys?" indicator — support, a built-in authenticator, and autofill sign-in.
What next
Click any component for a live demo, props, and source — or install the package and go.
Fancy PasskeysAll packages