Web3Auth
diff --git a/‎quick-starts/vanillajs-modal-quick-start/README.md‎
Lines changed: 41 additions & 0 deletions b/‎quick-starts/vanillajs-modal-quick-start/README.md‎
Lines changed: 41 additions & 0 deletions
diff --git a/‎quick-starts/vanillajs-modal-quick-start/index.html‎
Lines changed: 57 additions & 0 deletions b/‎quick-starts/vanillajs-modal-quick-start/index.html‎
Lines changed: 57 additions & 0 deletions
@@ -0,0 +1,41 @@
+# Web3Auth (`@web3auth/modal`) x EVM x JavaScript
+
+[![Web3Auth](https://img.shields.io/badge/Web3Auth-SDK-blue)](https://web3auth.io/docs/sdk/pnp/web/modal)
+[![Web3Auth](https://img.shields.io/badge/Web3Auth-Community-cyan)](https://community.web3auth.io)
+
+[Join our Community Portal](https://community.web3auth.io/) to get support and stay up to date with the latest news and updates.
+
+This example demonstrates how to use Web3Auth with EVM in JavaScript.
+
+## How to Use
+
+### One-Click Deploy to Vercel
+
+[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2FWeb3Auth%2Fweb3auth-pnp-examples%2Ftree%2Fmain%2Fweb-modal-sdk%2Fquick-starts%2Fvanillajs-modal-quick-start&project-name=w3a-vanillajs-modal&repository-name=w3a-vanillajs-modal)
+
+### Download Manually
+
+```bash
+npx degit Web3Auth/web3auth-pnp-examples/web-modal-sdk/quick-starts/vanillajs-modal-quick-start w3a-example
+```
+
+Install & Run:
+
+```bash
+cd w3a-example
+npm install
+npm run start
+# or
+cd w3a-example
+yarn
+yarn start
+```
+
+## Important Links
+
+- [Website](https://web3auth.io)
+- [Docs](https://web3auth.io/docs)
+- [Guides](https://web3auth.io/docs/guides)
+- [SDK / API References](https://web3auth.io/docs/sdk)
+- [Pricing](https://web3auth.io/pricing.html)
+- [Community Portal](https://community.web3auth.io)
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <title>Web3Auth Getting Started</title>
+  <meta charset="UTF-8" />
+  <link rel="stylesheet" href="style.css" />
+</head>
+
+<body>
+  <div class="container">
+    <h1 class="title">
+      <a target="_blank" href="https://web3auth.io/docs/sdk/pnp/web/modal">Web3Auth</a> & JS Ethereum
+      Example
+    </h1>
+    <!-- Logged In -->
+    <div class="grid btn-logged-in">
+      <button id="get-user-info" class="btn">Get User Info</button>
+      <button id="get-accounts" class="btn">Get Accounts</button>
+      <button id="get-balance" class="btn">Get Balance</button>
+      <button id="sign-message" class="btn">Sign Message</button>
+      <button id="show-wallet" class="btn">Show Wallet</button>
+      
+      <button id="logout" class="btn">Logout</button>
+      <div class="console" id="console">
+        <p id="code" class="code"></p>
+      </div>
+    </div>
+
+    <!-- Logged Logout -->
+    <div class="grid btn-logged-out">
+      <button id="login" class="btn">Login</button>
+    </div>
+    <footer class="footer">
+      <a href="https://github.com/Web3Auth/web3auth-pnp-examples/tree/main/web-modal-sdk/quick-starts/vanillajs-modal-quick-start"
+        target="_blank" rel="noopener noreferrer">
+        Source code
+      </a>
+      <a href="https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2FWeb3Auth%2Fweb3auth-pnp-examples%2Ftree%2Fmain%2Fweb-modal-sdk%2Fquick-starts%2Fvanillajs-modal-quick-start&project-name=w3a-vanillajs-modal&repository-name=w3a-vanillajs-modal">
+        <img src="https://vercel.com/button" alt="Deploy with Vercel" />
+      </a>
+    </footer>
+  </div>
+
+  
+  <script src="https://cdn.jsdelivr.net/npm/jquery@3/dist/jquery.min.js"></script>
+  <script src="https://unpkg.com/[email protected]/base64js.min.js"></script>
+  
+  <!--IMP START - Quick Start-->
+  <script src="https://cdn.jsdelivr.net/npm/@web3auth/modal@latest"></script>
+  <!--IMP END - Quick Start-->
+  <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/web3.min.js"></script>
+  
+  <script src="script.js?as"></script>
+</body>
+
+</html>