HelioRim brand iconHelioRim

WebAuthn Playground

Test HelioRim SDK features and WebAuthn capabilities in your browser

SDK Configuration

SDK Status

Device Capabilities

Not Supported
WebAuthn Support
Platform Authenticator
Conditional UI
PRF Extension
Large Blob Storage
Backup Eligibility
User Verifying Platform
Resident Key Support

Authentication Testing

Integration Code

import { useHelioRim } from '@heliorim/sdk-react';

function App() {
  const { 
    register, 
    authenticate, 
    isAuthenticated, 
    session 
  } = useHelioRim({
    appId: 'playground-demo',
    environment: 'preview'
  });

  const handleRegister = async () => {
    const session = await register({
      email: 'you@example.com',
      displayName: 'John Doe'
    });
    console.log('Registered:', session);
  };

  const handleLogin = async () => {
    const session = await authenticate();
    console.log('Authenticated:', session);
  };

  return (
    <div>
      {!isAuthenticated ? (
        <>
          <button onClick={handleRegister}>Register</button>
          <button onClick={handleLogin}>Login</button>
        </>
      ) : (
        <p>Welcome {session?.email}!</p>
      )}
    </div>
  );
}