Home

Welcome to the ton-design-system wiki!

Quick Start

https://github.com/systemdesigndao/ton-design-system/wiki/Quick-start

After a quick start article, you'll generate your own frontend project with an ungzipped size of approximately 15 KB (based on patterns-vanjs).

Package

Explore ‘package’ (available via npm @designervoid/ton-design-system):

https://github.com/systemdesigndao/ton-design-system/tree/master/package

Docs

https://github.com/systemdesigndao/ton-design-system/blob/master/README.md

Patterns

Explore ‘registry’:

https://github.com/systemdesigndao/ton-design-system/tree/master/registry#registry-of-patterns-and-tools

Explore ‘patterns-react’:

https://github.com/systemdesigndao/ton-design-system/tree/master/registry/patterns-react#raw-pattern-react

Explore ‘patterns-vanjs’:

https://github.com/systemdesigndao/ton-design-system/tree/master/registry/patterns-vanjs#raw-pattern-vanjs

Explore ‘raw framework’:

https://github.com/systemdesigndao/ton-design-system/tree/master/registry/raw-framework#raw-framework

Docs

https://github.com/systemdesigndao/ton-design-system/tree/master/registry#registry-of-patterns-and-tools

Other

Dotlottie

https://github.com/systemdesigndao/ton-design-system/wiki/dotlottie

Yanot Charts

https://github.com/systemdesigndao/ton-design-system/wiki/yanot-charts

TDS Discussions

https://github.com/systemdesigndao/ton-design-system/discussions

TON Connect

https://github.com/systemdesigndao/ton-design-system/wiki/TON-Connect