{"repo":"viperfoundation/ton-design-system","free":true,"listed":false,"github":"https://github.com/viperfoundation/ton-design-system","clone":"git clone https://github.com/viperfoundation/ton-design-system.git","description":"Design system and UI toolkit for building complex frontend applications, wallets, explorers, and developer tools.","language":"TypeScript","stars":48,"topics":["typescript","tailwindcss","frontend","component-library","dashboard","design-system","design-tokens","developer-tools","react","ton"],"license":"MIT","category":"ui-components","readme_excerpt":"TON Design System TDS Wiki Home Quick start dotlottie yanot-charts ton-connect TDS Highlights - Advantages of TailwindCSS TailwindCSS offers flexibility and scalability with its utility-first approach. It allows for fast, customizable UI development without imposing design constraints. - Awesome DX (Developer Experience) TailwindCSS improves developer experience by offering instant feedback, comprehensive documentation, and tools like rsbuild for optimized development workflows. - Atomic CSS TailwindCSS automates the generation of atomic classes, where each class does one specific thing, ensuring small, reusable, and predictable CSS. - Design Tokens Design tokens provide a system for values like colors, typography, and spacing. The example includes the golden ratio for generating dynamic spacing, font sizes, and more, ensuring design consistency across the app. - Lightweight TailwindCSS is lightweight, which offer a lean, production-ready solution for creating fast and optimized products. - Ready to go patterns A folder (registry/patterns) with pre-built, customizable UI patterns, enabling quick prototyping and reusable components for rapid development. Checkout patterns. - CLI You can copy projects and components from the registry with the CLI. See TDS Wiki Quick Start. - iOS Web shadcn Prototype right in Web using AI tools. More examples - Examples of usages within ton-design-system/registry - Example of usage with next-typescript - Example of usage with rn-typescript Raw i","default_branch":null,"files":null,"tree":[],"storefront":"/r/viperfoundation","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/viperfoundation/ton-design-system/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}