{"id":13409961,"url":"https://github.com/twa-dev/Mark42","last_synced_at":"2025-03-14T15:31:30.585Z","repository":{"id":56864517,"uuid":"526198445","full_name":"twa-dev/Mark42","owner":"twa-dev","description":"Simple lightweight tree-shakable UI library for TWA","archived":false,"fork":false,"pushed_at":"2023-09-19T14:26:35.000Z","size":5169,"stargazers_count":73,"open_issues_count":1,"forks_count":6,"subscribers_count":1,"default_branch":"master","last_synced_at":"2024-08-30T21:21:20.217Z","etag":null,"topics":["bot","telegram","twa-dev","uikit"],"latest_commit_sha":null,"homepage":"https://twa-dev.github.io/Mark42","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/twa-dev.png","metadata":{"files":{"readme":"Readme.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2022-08-18T12:17:06.000Z","updated_at":"2024-08-30T11:54:52.000Z","dependencies_parsed_at":"2024-01-30T18:28:02.074Z","dependency_job_id":"ffd20c6a-7cea-450b-9eff-5828bd84c1ff","html_url":"https://github.com/twa-dev/Mark42","commit_stats":{"total_commits":129,"total_committers":1,"mean_commits":129.0,"dds":0.0,"last_synced_commit":"cee453fd47615b8dc61ee1164a1ef5c5ffef6af7"},"previous_names":[],"tags_count":37,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/twa-dev%2FMark42","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/twa-dev%2FMark42/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/twa-dev%2FMark42/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/twa-dev%2FMark42/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/twa-dev","download_url":"https://codeload.github.com/twa-dev/Mark42/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243600616,"owners_count":20317307,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bot","telegram","twa-dev","uikit"],"created_at":"2024-07-30T20:01:04.254Z","updated_at":"2025-03-14T15:31:29.731Z","avatar_url":"https://github.com/twa-dev.png","language":"TypeScript","funding_links":[],"categories":["🔌 Core Integrations"],"sub_categories":["Telegram Web Apps (TWAs)"],"readme":"# Mark42\nMark42 is a simple lightweight tree-shakable UI library for [Telegram Web Apps (TWA)](https://core.telegram.org/bots/webapps). \n\n## Installation\n```\nnpm i @twa-dev/mark42\n```\n\n## Documentation\nWelcome to our [Storybook](https://twa-dev.github.io/Mark42/).\n\n## Motivation\nTelegram supports different themes and color schemes. \nIt can be dark or light. On MacOS, iOS and iPadOS messenger follows apple design guidelines, \non other platforms (Desktop, Web, Android) it looks like a material interface.\n\nIf you want to build a TWA that looks like a native part of Telegram, you have to follow same principles.\nMark42 helps you with that. Each component supports different themes and color schemes out of the box.\nTherefore, you can focus on logic of your application and Mark42 will make it fancy.\n\n## Usage example\n```tsx\nimport { InitialsAvatar } from '@twa-dev/mark42';\n\n\u003cInitialsAvatar\n  userId={12345}\n  userName=\"Artur Stambultsian\"\n  theme=\"apple\"\n  className=\"MyAvatar\"\n  style={{ marginRight: 10 }}\n/\u003e\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftwa-dev%2FMark42","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftwa-dev%2FMark42","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftwa-dev%2FMark42/lists"}