# OpenAccount Demo Introduction

By [OpenAccount](https://paragraph.com/@oaxyz) · 2024-06-29

---

The OpenAccount demo is now live! Watch our interactive demo video at [Loom](https://www.loom.com/share/ecaa945c763b4d8383dad87c5c534efe).

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](http://t.me/oaxyz).

First, visit the demo app at [oa.xyz](https://oa.xyz).

![](https://storage.googleapis.com/papyrus_images/70c8e551621faa31396a3e82562c187c0fa3a8c1910f56a61892a739aab5f6b0.png)

Click on "Sign in with OpenAccount". This button can be integrated using our open-source SDK ([GitHub repo](https://github.com/OpenAccountXYZ/oa-connect)) 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.

![](https://storage.googleapis.com/papyrus_images/287bb1335d09a216f7658edba85f0980b73ad8205c2747c0906547daf50c4368.png)

For new users, click "Create OpenAccount".

![](https://storage.googleapis.com/papyrus_images/5bda3b0cc579c5417f1f5ddb43d8a651b021354b742ab1d82d1db3acfbe492ee.png)

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.

![](https://storage.googleapis.com/papyrus_images/2ce785083256ad4e71ed0e87978a68b022918e7a1aaf90a1f9c6c4e70c56b81d.png)

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.

![](https://storage.googleapis.com/papyrus_images/c99478c0626b4f657b50e870ddfa54e088fced50e3b878b9a23188348c86812f.png)

You can view your account information at [account.test.oa.xyz](http://account.test.oa.xyz).

![](https://storage.googleapis.com/papyrus_images/dcb03f6e4df03387a520ae8056c15a7a9a729b388f409194198109d28e7640d0.png)

Back on [oa.xyz](https://oa.xyz), after logging in, click "Confirm" and verify your passkey to access the Demo App.

![](https://storage.googleapis.com/papyrus_images/a9c260f3c059788607e3e7a552808050be25770a0c4ec574e6de447aa9d96729.png)

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](https://www.mmail-test.ink/).

![](https://storage.googleapis.com/papyrus_images/8cf7fc24f2ca0393191121bb191c997b5bb706cfaa1b65656a736c76ff5284cb.png)

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

![](https://storage.googleapis.com/papyrus_images/d8343d5176c8c60e02bd582b5aa78bf1b167b60dca859141648d5922bd80c23e.png)

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

![](https://storage.googleapis.com/papyrus_images/b8cd4b772bee6611251185fa731b7f5ebdedadec0f65fdcca1061835b0ca4ac0.png)

Now, try sending emails to your friends and family!

---

*Originally published on [OpenAccount](https://paragraph.com/@oaxyz/openaccount-demo-introduction)*