Scanner Frame

Corner sights, a trailing glow and a result once it stops. For document checks, uploads, ID capture and game scans.

Install

Included with Creative: needs your API key. Initialize and log in once.

Terminal

npx @galactrex/ui add scanner-frame

Example

import { ScannerFrame } from "@/components/galactrex/scanner-frame";

<ScannerFrame scanning={checking} result="Verified"><Document /></ScannerFrame>

Installs to components/galactrex/scanner-frame.tsx, with the shared motion primitives beside it.

Source for this component comes with its plan. Install it with the command above, or open your licensed copy here.

Prop	Type	Default	Description
`children`	`ReactNode`	—	What is scanned.
`scanning`	`boolean`	`true`	Sweeping while true.
`result`	`ReactNode`	—	Shown once it stops.
`duration`	`number`	`2.2`	Seconds per pass.
`className`	`string`	—	Extra classes for the outer element.