> For the complete documentation index, see [llms.txt](https://docs.blup.in/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.blup.in/~/changes/bxpytJQPpsJWb4ZdG6qm/how-to-use-webview.md).

# How to use WebView in Blup

<figure><img src="/files/sJB9b4mILSIBKSWd3FG7" alt="Web View"><figcaption><p>Web View</p></figcaption></figure>

1\. **Insert WebView**: Add a WebView widget to your UI screen. You can customize its height and width according to your preferences.

2\. **Set WebView URL**: In the UI editor, specify the URL that you want the WebView to load. This is where you define the web content you want to display within the WebView.

3\. **Run Emulator**: Launch the emulator or simulator to preview how the WebView looks in your app.

{% hint style="info" %} <mark style="color:blue;">Note: If you want to learn more about the WebView components,</mark> [<mark style="color:blue;">Click Here</mark>](/~/changes/bxpytJQPpsJWb4ZdG6qm/wiki/design-ui/insert-widgets/web-view-widget.md)<mark style="color:blue;">.</mark>
{% endhint %}

If you have any ideas to make Blup better you can share them through our [Discord community channel](https://discord.com/channels/940632966093234176/965313562425823303)

## Music to go with.

{% embed url="<https://open.spotify.com/playlist/0vvXsWCC9xrXsKd4FyS8kM?si=2c7f55bd3f944878>" %}
Lofi music
{% endembed %}