> ## Documentation Index
> Fetch the complete documentation index at: https://docs.base.org/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.
**Interactive Playground:** Want to test the SDK functions before integrating?
Try our [Base Pay SDK
Playground](https://base.github.io/account-sdk/pay-playground) to experiment
with `pay()` and `getPaymentStatus()` functions.
**Do you prefer video content?**
There is a video guide that covers the implementation in detail in the [last section of this page](#video-guide).
## 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!
```html index.html theme={null}
[...rest of your code]
[...rest of your code]
```
For a full example, see [example](#2-copy-paste-this-html-file) below.
### Option B: NPM Package
If you prefer to install locally:
```bash npm theme={null}
npm install @base-org/account
```
```bash pnpm theme={null}
pnpm add @base-org/account
```
```bash yarn theme={null}
yarn add @base-org/account
```
```bash bun theme={null}
bun add @base-org/account
```
Then use ES modules:
```html index.html theme={null}
```
This guide uses the CDN approach for simplicity.
## 2. Copy-paste this HTML file
```html index.html expandable theme={null}
Base Account Quick-start
Base Account Demo
```
## 3. Serve the file
Any static server will work:
```bash theme={null}
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.
## Video Guide