# Warden UI Kits (Beta)

In several cases, you may want to provide your users the best rate swap with the simple experience, but you don’t want to a lot of time building and integrating swap from scratch.

In the Web3 world, we all want to move fast. So our team provides you the ready-to-use UI kit to integrate WardenSwap UI into your website in just a minute!

### Overview

With a few lines of code, you can embedded the swap page into your website. As in the picture below. The user can connect wallet, approve, select token and swap in one place.

![](/files/38iODOiXa8gqhnNRixkW)

### Want to be a beta user?

Please submit a [form](https://forms.gle/qZfiW67SNvRKRL7h8) to our team to start using the Warden UI Kit!

<https://forms.gle/qZfiW67SNvRKRL7h8>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.wardenswap.finance/warden/wardenswap-sdk/warden-ui-kits-beta.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.