Telegram UI kit equips you with a variety of pre-designed components and tools to help you quickly develop high-quality Telegram applications. Whether you're aiming to create custom client apps, integrate Telegram functionality, or develop unique bots, this toolkit is your go-to resource.
![]() Edge |
![]() Firefox |
![]() Chrome |
![]() Safari |
![]() Ios |
---|---|---|---|---|
>= 79 | >= 78 | >= 73 | >= 12.0 | >= 12.0 |
npm i @telegram-apps/telegram-ui
yarn add @telegram-apps/telegram-ui
pnpm add @telegram-apps/telegram-ui
import '@telegram-apps/telegram-ui/dist/styles.css';
import { AppRoot, Placeholder } from '@telegram-apps/telegram-ui';
const App = () => (
<AppRoot>
<Placeholder
header="Title"
description="Description"
>
<img
alt="Telegram sticker"
src="https://xelene.me/telegram.gif"
style={{ display: 'block', width: '144px', height: '144px' }}
/>
</Placeholder>
</AppRoot>
);
export default App;
Contributions are welcome! To contribute, fork the repository, make your changes, and submit a pull request. We look forward to your innovative ideas and improvements.
This Telegram UI Kit is available under the MIT License. Use it freely in both personal and commercial projects.
The library was skillfully crafted by mainsmirnov, with the generous sponsorship of TON Foundation.