Tonmastery / Mark42 Public

forked from twa-dev/Mark42

Notifications You must be signed in to change notification settings
Fork 0
Star 1

Simple lightweight tree-shakable UI library for TWA

twa-dev.github.io/Mark42

MIT license

1 star 8 forks Branches Tags Activity

Star

Notifications

Branches Tags

Name		Name	Last commit message	Last commit date
Latest commit History 133 Commits
.github/workflows		.github/workflows
.storybook		.storybook
docs		docs
src		src
.babelrc		.babelrc
.browserslistrc		.browserslistrc
.eslintignore		.eslintignore
.eslintrc		.eslintrc
.gitignore		.gitignore
.npmignore		.npmignore
.prettierrc		.prettierrc
.stylelintrc		.stylelintrc
LICENSE		LICENSE
Readme.md		Readme.md
jest.config.js		jest.config.js
linaria.config.js		linaria.config.js
package.json		package.json
tsconfig.json		tsconfig.json
yarn.lock		yarn.lock

Repository files navigation

Mark42

Mark42 is a simple lightweight tree-shakable UI library for Telegram Web Apps (TWA).

Installation

npm i @twa-dev/mark42

Documentation

Welcome to our Storybook.

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

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

<InitialsAvatar
  userId={12345}
  userName="Artur Stambultsian"
  theme="apple"
  className="MyAvatar"
  style={{ marginRight: 10 }}
/>