ton-design-system icon indicating copy to clipboard operation
ton-design-system copied to clipboard

Non official TON based Design System. Inspired by TON Brand Assets and Telegram Community Design System.

Telegram System Design DAO Forum

TON Design System

https://ton.org/en/brand-assets

Package raw size

Main idea

Atomic CSS

.atom {
  @apply ... (tw-classes)
}

Screenshot

Usage package

Example of usage with next-typescript
Example of usage with rn-typescript

Use CLI

Quick start

  1. Copy component from Github - npx "@designervoid/ton-design-system"@"latest" cli -g
  2. Init Tailwind npx "@designervoid/ton-design-system"@"latest" cli -t
  3. Init TDS npx "@designervoid/ton-design-system"@"latest" cli -tds

License

MIT