> For the complete documentation index, see [llms.txt](https://docs.ramper.xyz/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.ramper.xyz/embedded-wallet-sdk/quickstart/for-web-apps/version-1/in-app-wallet-view/walletview.md).

# WalletView

## Overview

The WalletView function renders a wallet interface for users that allows the user to do the following:

* View all their tokens
* Send tokens
* Deposit tokens
* Buy tokens through our integrated fiat-on-ramp
* View their transaction history
* Export their private wallet key.
* Change their language.
* Change their network
* Change their UI theme.

Once the user logs in, we recommend you replace the login button with a new button that shows their wallet address and triggers the `openWallet()` function when clicked.   

See these functions in action at <https://example.ramper.xyz/>\
\
**Screenshots**

<div align="left"><img src="/files/dOowiksi3QM3TRtaowho" alt="Token View"> <img src="/files/3N4QJQ5H91lVU2xZTvR6" alt="Settings"> <img src="/files/3BkdZchxdSxeofo5QJQC" alt="Sign Transactions"></div>

## Include in your DApp

It's extremely simple to include WalletView in your DApp if you're already using Ramper SDK!

{% tabs %}
{% tab title="EVM" %}

```jsx
import { openWallet } from '@ramper/ethereum'

<button onClick={openWallet}>My Wallet</button>
```

{% endtab %}

{% tab title="Terra" %}

```jsx
import { openWallet } from '@ramper/terra'

...    

<Button onClick={openWallet}>My Wallet</Button>
```

{% endtab %}

{% tab title="NEAR" %}

```jsx
import { openWallet } from '@ramper/near'

...    

<Button onClick={openWallet}>My Wallet</Button>
```

{% endtab %}
{% endtabs %}

## More Screenshots

**Transactions View:**

<div align="left"><img src="/files/v1l0ifJsi6O7Cgxoo8td" alt=""></div>

**Fiat on-ramp:**

![](/files/y8wk2e28XNZkm9V3Z7q1)<br>