FrankAPI - drop-in native features for any web stack

One <script> tag adds native auth, push, safe area, and status bar to any web app.

8 min read

Install

  1. 1
    Add the tag

    One line in your <head>. The SDK auto-configures projectId, entitlements, and runtime from your API key.

  2. 2
    Get your key

    Project page -> Advanced -> API Keys. Publishable keys are safe in client HTML.

What it does automatically

  1. 1
    Native viewport

    Injects status-bar and home-indicator backdrops, auto-shifts fixed headers. No CSS from you.

  2. 2
    Drop-in auth

    <div data-frankapi-auth> renders Sign in with Apple/Google buttons that call the native OS flow inside the shell.

  3. 3
    Native fallback

    When features aren't in the shell (older versions), the SDK falls back gracefully to web equivalents.

All guides