Skip to content

twa-dev/SDK

Repository files navigation

SDK

npm version

npm package for Telegram Web Apps (TWA) SDK.

npm i @twa-dev/sdk

Motivation

Telegram distributes SDK via link. It's kinda old fashion way to work with a library:

<html lang="en">
<head>
    <title>TWA</title>
    <meta charset="UTF-8">
    <script src="https://telegram.org/js/telegram-web-app.js"></script>
    <script>
        window.Telegram.WebApp.showAlert('Hey there!');
    </script>
</head>
<body></body>
</html>

This package allows to work with SDK as with a npm package:

import WebApp from '@twa-dev/sdk'

WebApp.showAlert('Hey there!');

And yes, it supports TS.

Demo

Codesandbox

React

If you use React in your project, check out components that we have prepared for you.

These components significantly simplify developer experience.