> ## Documentation Index
> Fetch the complete documentation index at: https://base-a060aa97-eb-mini-app-ia-overhaul.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.
# Web (HTML + JS)
> Integrate Sign in with Base and Base Pay using nothing but HTML and JavaScript.
This quick-start shows the **minimum** code required to add Sign in with Base and Base Pay to any web page using nothing but the Base Account SDK. No frameworks, no additional libraries.
## 1. Install the SDK (Optional)
You can use the Base Account SDK in two ways:
### Option A: CDN (No installation required)
Just include the script tag in your HTML - no build tools needed!
### Option B: NPM Package
If you prefer to install locally:
```bash npm
npm install @base-org/account
```
```bash pnpm
pnpm add @base-org/account
```
```bash yarn
yarn add @base-org/account
```
```bash bun
bun add @base-org/account
```
Then use ES modules:
```html
```
This guide uses the CDN approach for simplicity.
## 2. Copy-paste this HTML file
```html title="index.html" lineNumbers
Base Account Quick-start
Base Account Demo
```
## 3. Serve the file
Any static server will work:
```bash
npx serve .
# or
python -m http.server
```
Open [http://localhost:3000](http://localhost:3000), click **Sign in with Base** (optional) and then **Pay with Base**, approve the transaction, and you've sent 5 USDC on Base Sepolia—done! 🎉
## Next steps
* **[Add Sign In With Base Button](/base-account/reference/ui-elements/sign-in-with-base-button)** – implement full SIWE authentication with backend verification
* **[Add Base Pay Button](/base-account/reference/ui-elements/base-pay-button)** – collect user information during payment flow
**Please Follow the Brand Guidelines**
If you intend on using the `SignInWithBaseButton` or `BasePayButton`, please follow the [Brand Guidelines](/base-account/reference/ui-elements/brand-guidelines) to ensure consistency across your application.