# DApp Kit

The VeChain dApp kit is a frontend library designed to make it easy to build dApps on the VeChainThor blockchain. This documentation provides a comprehensive guide to using the dApp kit library, including installation, usage instructions, and details about its key features and methods.

## Repo

<https://github.com/vechain/vechain-dapp-kit>

## Libraries

* `@vechain/dapp-kit` - A library to provide a layer on top of Connex, which makes wallet management easier.
* `@vechain/dapp-kit-ui` - A library of UI components to make it easy to select and connect to a wallet.
* `@vechain/dapp-kit-react` - A library of React hooks and components to make it easy to use the dApp kit with React.

## React and other Frameworks

{% hint style="warning" %}
Please note that server-side rendering (SSR) must be disabled when using the dApp kit libraries.
{% endhint %}

**React** is our favourite library but the dApp kit library has been made to be used with every JavaScript framework.\
You can **start** with these **sample apps**:

* [React](https://github.com/vechain/vechain-dapp-kit/tree/main/examples/sample-react-app)
* [Next.js](https://github.com/vechain/vechain-dapp-kit/tree/main/examples/sample-next-app)
* [Remix.run](https://github.com/vechain/vechain-dapp-kit/tree/main/examples/sample-remix-app)
* [Vanilla JS](https://github.com/vechain/vechain-dapp-kit/tree/main/examples/sample-vanilla-app)
* [Vue](https://github.com/vechain/vechain-dapp-kit/tree/main/examples/sample-vue-app)
* [Angular](https://github.com/vechain/vechain-dapp-kit/tree/main/examples/sample-angular-app)
* [Svelte](https://github.com/vechain/vechain-dapp-kit/tree/main/examples/sample-svelte-app)

you can use both JavaScript and TypeScript

## Key Features

The VeChain dApp kit is designed to make it easy to interact with all VeChainThor compatible wallets

1. **Wallet Management**: Connex was designed with Sync / Sync2 in mind, so this library provides an additional layer on top, making it easier to manage multiple wallets.
2. **Wallet Selection**: The `@vechain/dapp-kit-ui` library provides multiple components to make it easy to select and connect to a wallet.
3. **React**: The `@vechain-dapp-kit-react` library provides several hooks and components to make it easy to use the dApp kit with React.


---

# 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.vechain.org/developer-resources/sdks-and-providers/dapp-kit.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.