https://github.com/twa-dev/Mark42

Simple lightweight tree-shakable UI library for TWA
https://github.com/twa-dev/Mark42

bot telegram twa-dev uikit

Last synced: 11 days ago
JSON representation

Simple lightweight tree-shakable UI library for TWA

• Host: GitHub
• URL: https://github.com/twa-dev/Mark42
• Owner: twa-dev
• License: mit
• Created: 2022-08-18T12:17:06.000Z (about 2 years ago)
• Default Branch: master
• Last Pushed: 2023-09-19T14:26:35.000Z (about 1 year ago)
• Last Synced: 2024-08-30T21:21:20.217Z (2 months ago)
• Topics: bot, telegram, twa-dev, uikit
• Language: TypeScript
• Homepage: https://twa-dev.github.io/Mark42
• Size: 4.93 MB
• Stars: 73
• Watchers: 1
• Forks: 6
• Open Issues: 1
• Metadata Files:
  • Readme: Readme.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-ton - twa-dev/Mark42 - Mark42 is a simple lightweight tree-shakable UI library for TWA. (🧑‍💻 Get Coding / Dev Tools)

README

        
# Mark42

Mark42 is a simple lightweight tree-shakable UI library for [Telegram Web Apps (TWA)](https://core.telegram.org/bots/webapps). 

## Installation

```

npm i @twa-dev/mark42

```

## Documentation

Welcome to our [Storybook](https://twa-dev.github.io/Mark42/).

## Motivation

Telegram supports different themes and color schemes. 

It can be dark or light. On MacOS, iOS and iPadOS messenger follows apple design guidelines, 

on other platforms (Desktop, Web, Android) it looks like a material interface.

If you want to build a TWA that looks like a native part of Telegram, you have to follow same principles.

Mark42 helps you with that. Each component supports different themes and color schemes out of the box.

Therefore, you can focus on logic of your application and Mark42 will make it fancy.

## Usage example

```tsx

import { InitialsAvatar } from '@twa-dev/mark42';

```