Quickstart

Embed the Arioon scanner in any React app.

1. Install

npm install @arioon/react @mediapipe/tasks-vision

@mediapipe/tasks-vision is a peer dependency — it powers on-device face detection during the scan and is kept separate so your bundler can code-split it.

2. Use the component

import { ArioonScanner } from '@arioon/react'

export default function Scan() {
  return (
    <ArioonScanner
      apiKey="ak_live_..."
      theme="clinical" // or "consumer", "luxury"
      onComplete={(result) => console.log(result)}
    />
  )
}

3. Direct API

curl -X POST https://api.arioon.com/v1/analyze \
  -H "X-API-Key: ak_live_..." \
  -F "image=@face.jpg" \
  -F "user_email=user@example.com"