🔐 FIDO2 UI SDK - Standalone Demo

Demonstrate how to use FIDO2 UI SDK to manage devices in a standalone page

📌 What is Standalone Page Mode?

Standalone page mode renders a complete device management interface on the current page, suitable for scenarios requiring a dedicated device management page.

⚠️ Note:

Standalone page mode will replace the current page content. If your page already has a complete layout (like login.html or devices.html), it is recommended to use modal mode.

💻 Code Examples

Simplest standalone integration:

        Fido2UIManager.renderDeviceManager({
  mode: 'standalone',
  serverUrl: SERVER_URL
});
      

With theme customization:

        Fido2UIManager.renderDeviceManager({
  mode: 'standalone',
  serverUrl: SERVER_URL,
  theme: {
    logo: 'path/to/logo.png',
    primaryColor: '#f5576c',
    backgroundColor: '#ffffff'
  },
  language: 'zh-CN'
});
      

✨ Features

Standalone page with complete device management interface
Add/delete FIDO2 devices support
Real-time device list display
Session status monitoring
Theme color and style customization
Multi-language support (Chinese/English/Japanese)
Event callback system
Responsive design, mobile support

🚀 Demo

Click the buttons below to experience standalone page mode:

💡 Tip:

After clicking the button, the page will be replaced with the device management interface. To return to this demo page, please refresh the browser.

📖 Use Cases

Standalone page mode is suitable for the following scenarios:

Standalone device management page (similar to existing devices.html)
User accesses device management directly via link
Device management as a standalone page feature
Need more screen space to display device information

Return to Device Management Page