README
Telegram UI
Overview
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.
Features
- Cross-Platform Design Consistency: Use built-in support for iOS’s Human Interface Guidelines and Android’s Material Design to maintain a uniform look and functionality across both platforms.
- Pre-designed UI Components: Access a variety of ready-to-use UI components inspired by Telegram’s interface, designed for easy integration and customization.
- Responsive Design: Create apps that look and work great on any device, using flexible layouts and media queries to ensure optimal display and functionality.
- Telegram Color Scheme Support: Apply Telegram’s native color schemes to your apps for consistent branding and a familiar user experience.
🖥 Environment Support
- Modern browsers
- Server-side Rendering
- All known Telegram clients
 Edge |  Firefox |  Chrome |  Safari | Ios |
|---|---|---|---|---|
| >= 79 | >= 78 | >= 73 | >= 12.0 | >= 12.0 |
Resources
- Example Mini App: Typescript version — https://github.com/Telegram-Mini-Apps/TGUI-Example
- Playground and Storybook: Experiment with components and visualize changes in real-time at Playground and Storybook.
- Figma Resources: Design and prototype with ease using our comprehensive Figma files available at Figma.