The OpenAccount demo is now live! Watch our interactive demo video at Loom.

This blog details the interaction process of the OpenAccount demo. There are two demos: one showcasing the login process via the Demo App, and another demonstrating OpenAccount as the login gateway for MetaMail. Join our Telegram group for discussions: t.me/oaxyz.

First, visit the demo app at oa.xyz.

Click on "Sign in with OpenAccount". This button can be integrated using our open-source SDK (GitHub repo) with just three lines of code:

<div className="">

<AuthButton challenge={challenge}></AuthButton>

</div>

Upon clicking, a login popup similar to "Sign in with Google" will appear.

For new users, click "Create OpenAccount".

Enter your name and click "Confirm". You will need to verify and create a passkey to complete registration. If you have previously logged into OpenAccount, click "Sign in", choose your passkey, verify, and log in.

The displayed address is a social recovery AA wallet created for you, controlled by your passkey. You can click the address to view your contract wallet information on a blockchain explorer.

You can view your account information at account.test.oa.xyz.

Back on oa.xyz, after logging in, click "Confirm" and verify your passkey to access the Demo App.

The "Auth Result" provides signature-related information, which the demo App already verifies. You can also try clicking "Verify Auth Signature With EIP1271" to let your on-chain wallet verify the passkey signature, which is the same as the demo app has done.

Next, let’s try "Sign in with OpenAccount" in MetaMail's test environment.

Click "Sign in with OpenAccount". Since you are already logged in, you will be directed to the account interface.

Click "Confirm" and verify your passkey to log in.

Now, try sending emails to your friends and family!