---
description: A user manual for the DApp builder Telegram BOT
---

# DApp Builder

### Introduction

In this section, you'll find clear instructions on using the DAppAI DApp Builder. Learn how to deploy Dex interfaces, Staking pools, Money-market platforms, and statistical interfaces with simplicity. Through the user-friendly Telegram bot interface, discover how to obtain HTML & CSS source code and effortlessly customize interfaces, fonts, colors, and more. This straightforward guide empowers you to shape your decentralized vision with ease using the DAppAI DApp Builder.

### Getting started

1. Run /start to boot up the bot. A welcome message will pop up with some basic info of what the bot can do. Here you can edit old UI's and build new UI's for your dApp.



<figure><img src="https://418274219-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FU2XN1EtRSgaS9IfhX3sE%2Fuploads%2Fb2R9Dd1sRRKXHF8fhTm5%2F1.png?alt=media&#x26;token=311ebdd1-c01d-4543-9bd6-64ecf24a075f" alt=""><figcaption></figcaption></figure>

2. Choose you dApp template from a range of different applications for your needs. In this example we will be editing a Dex (Decentralized Exchange). You can flick though the different templates offered with the view next and view previous buttons. Once you have your template click the Edit Site button to choose the dApp to edit.



<figure><img src="https://418274219-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FU2XN1EtRSgaS9IfhX3sE%2Fuploads%2FAyp2Tt7O6MphVmIdOvNs%2F2.png?alt=media&#x26;token=299d149d-db17-4c72-a231-5baf8f12e7b0" alt=""><figcaption></figcaption></figure>

3. A palette will pop up that will provide all the customizable sections on the template, including links, titles, navbar icons and much more. Fill them in by forwarding images, and links + text in the same manner as previously shown in the Website BOT examples until the customization pallet is filled up and complete.



<figure><img src="https://418274219-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FU2XN1EtRSgaS9IfhX3sE%2Fuploads%2Fyx2TiCMbqUwlR3BwTmdY%2F3.png?alt=media&#x26;token=152837fd-5597-4b0d-b3cf-d9a0bf44dfa1" alt=""><figcaption></figcaption></figure>

4. Moving on to the styling & colors you can edit the menu colors, header & footer + background styles to match the theme of your project. You can also edit the button colors to make your UI really stand out with call to action buttons.



<figure><img src="https://418274219-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FU2XN1EtRSgaS9IfhX3sE%2Fuploads%2FcCAfgfwAMRc4dgLTaEff%2F4.png?alt=media&#x26;token=95d0994b-a302-4024-9f34-270da7ade1d1" alt=""><figcaption></figcaption></figure>

5. Finalize the UI generation in the same way as in the website generation example and have the custom code zip file delivered right to your telegram account.



<figure><img src="https://418274219-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FU2XN1EtRSgaS9IfhX3sE%2Fuploads%2FWg7Qwlmtic9lsNqpC5Bt%2F10.png?alt=media&#x26;token=7266e256-45b0-44dc-aa2b-79c99cadcaa9" alt=""><figcaption></figcaption></figure>
