> ## Documentation Index
> Fetch the complete documentation index at: https://reown-5552f0bb-devin-1759771246-appkit-1-8-9-docs.mintlify.site/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-devin-1759771246-appkit-1-8-9-docs/jZHvUVbojVcWpl1n/images/recipes/tgvideo.mp4?fit=max&auto=format&n=jZHvUVbojVcWpl1n&q=85&s=7d8f3243f1e0e36dc3d5091c331cb55e" 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>