> ## Documentation Index
> Fetch the complete documentation index at: https://docs.reown.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Telegram Mini Apps

## Introducing Telegram Mini Apps

If you are building Web3 mini-app on telegram, Appkit provides the perfect out of the box interface for your users to connect their self-custodial Wallet or create their first wallet using Email or Social login.

<Frame>
  <video autoPlay controls className="w-full aspect-square" src="https://mintcdn.com/reown-5552f0bb/Ro_EJGh7Rkd_L3Z5/images/recipes/tgvideo.mp4?fit=max&auto=format&n=Ro_EJGh7Rkd_L3Z5&q=85&s=9f75a3f36b93d61e1fe784edfd7ed54c" data-path="images/recipes/tgvideo.mp4" />
</Frame>

## Features

By integrating Appkit into your mini-app you will get the following features out of the box:

* **Email & Social Login**
* **Swaps**
* **Onramp**
* **Transaction History**
* **Network Switching**

<Info>
  The "Try Demo" button below redirects you to a Telegram bot. Click on its
  profile, then click the "Open App" button. This will open AppKit Lab, allowing
  you to interact with it directly from Telegram.
</Info>

<Card title="Try Demo" href="https://t.me/appkit_test_ggr_bot" horizontal />

<Card title="Check out the Telegram Mini Apps Guide" href="https://reown.com/blog/how-to-build-a-telegram-mini-app" horizontal />

## Get Started

<CardGroup cols={2}>
  <Card title="React" icon="react" href="/appkit/react/core/installation">
    Get started with AppKit in React.
  </Card>

  <Card title="Next.js" icon="square-n" href="/appkit/next/core/installation">
    Get started with AppKit in Next.js.
  </Card>

  <Card title="Vue" icon="vuejs" href="/appkit/vue/core/installation">
    Get started with AppKit in Vue.
  </Card>

  <Card title="JavaScript" icon="js" href="/appkit/javascript/core/installation">
    Get started with AppKit in JavaScript.
  </Card>
</CardGroup>