Skip to content
@twa-dev

TMA Tools

Welcome to TMA Tools organization!

Welcome to the TMA Tools!

This organization contains set of tools that helps developers to build their TMA in a fast and convinient way. Made by @wallet team with ❤️

Tools

Telegram provides a rich SDK for Telegram Mini Apps developers. During the Telegram Mini Apps development process, we realized that some parts of our code deserve to be shared. These parts work alongside Telegram SDK. They complete it.

Types for Telegram Mini Apps SDK.

NPM package for Telegram Mini Apps SDK.

Simple lightweight tree-shakable UI library for Telegram Mini Apps.

Boilerplates

Webpack-based modern boilerplate featuring:

  • React
  • TypeScript
  • CSS Modules
  • Traffic tunneling with ngrok
  • Static analyze
  • Bundle analyze

Basic and straightforward boilerplate based on simple web technologies: JavaScript, HTML, and CSS. This project aims to provide a minimalistic example of how to create a simple Telegram Mini App and launch it within Telegram without relying on complex build tools or bleeding-edge libraries.

Vite is a modern frontend tool that offers several advantages over traditional build tools, including faster development times, smaller bundle sizes, and improved developer experience. It supports React, Vue, Svelte and many more. This example based on:

  • React
  • TypeScript
  • Deploy with GitHub Actions and GitHub Pages

Design

Design component library in Figma, which will make it easier for designers to design apps for Telegram Mini Apps. The components fully mimic the Telegram interface, use it as a foundation, and inherit all existing principles. Libraries are available for iOS and Android. Moreover, these same components are reused for designing the @wallet. Please note that the libraries are in beta status, so bugs are possible.

Communication

If you have any questions or suggestions about the particular tool, you are welcome to create an Issue or Pull Request.

If you have any other questions, you can join our Telegram chat.

Pinned Loading

  1. Mark42 Mark42 Public

    Simple lightweight tree-shakable UI library for TWA

    TypeScript 79 7

  2. SDK SDK Public

    npm package for TWA SDK

    JavaScript 238 19

  3. types types Public

    Types for TWA SDK

    TypeScript 41 8

  4. webpack-boilerplate webpack-boilerplate Public template

    Liberal Create React App for TWA enthusiasts

    JavaScript 52 8

Repositories

Showing 5 of 5 repositories
  • Mark42 Public

    Simple lightweight tree-shakable UI library for TWA

    twa-dev/Mark42’s past year of commit activity
    TypeScript 79 MIT 7 1 0 Updated Oct 4, 2024
  • .github Public
    twa-dev/.github’s past year of commit activity
    4 0 0 0 Updated Sep 11, 2024
  • SDK Public

    npm package for TWA SDK

    twa-dev/SDK’s past year of commit activity
    JavaScript 238 MIT 19 8 0 Updated Sep 10, 2024
  • types Public

    Types for TWA SDK

    twa-dev/types’s past year of commit activity
    TypeScript 41 MIT 7 1 2 Updated Sep 8, 2024
  • webpack-boilerplate Public template

    Liberal Create React App for TWA enthusiasts

    twa-dev/webpack-boilerplate’s past year of commit activity
    JavaScript 52 MIT 8 2 0 Updated Sep 18, 2023

Top languages

Loading…

Most used topics

Loading…