सीधे मुख्य कॉन्टेंट पर जाएँ
tanreiexpand_morecontrasttranslate

डिज़ाइन सिस्टम · प्री-रिलीज़ · v0.1.0-next.0

एक सिस्टम।
पाँच प्लैटफ़ॉर्म।

Tanrei एक ओपन-सोर्स डिज़ाइन सिस्टम है, जो वेब, iOS, Android, Flutter और React Native तक वही टोकन, वही कंपोनेंट और सुलभता का वही कॉन्ट्रैक्ट पहुँचाता है, हर एक को उसके अपने तरीक़े से।

<tanrei-button> tanrei.comp.button

DeployDeployDeployDeployDeployDeployaddCreatearrow_forwardNextaddCreatefavoritefavoritefavoritefavoritefavoritefavoritefavoriteaddCreateDeploysaveDeployDeployuploadUploadDeleteDeleteDeleteDeleteDeletedeleteDeletedeleteDeleteDelete
  • Web
  • SwiftUI
  • Jetpack Compose
  • Flutter
  • React Native
प्लैटफ़ॉर्म
5
नियोजित कंपोनेंट
96
स्पेक लिखा गया
96
थीम × कंट्रास्ट कॉन्टेक्स्ट
6

तालमेल में बने रहने के लिए बनाया गया

दो सोर्स ऑफ़ ट्रुथ

डिज़ाइन टोकन और कंपोनेंट स्पेक ही हाथ से लिखे गए कॉन्ट्रैक्ट हैं। प्लैटफ़ॉर्म का कोड, ये दस्तावेज़ और स्थिति मैट्रिक्स, सब इन्हीं से व्युत्पन्न हैं, और इनमें ड्रिफ़्ट आने पर CI विफल हो जाता है।

पैरिटी, एकरूपता नहीं

हर प्लैटफ़ॉर्म को वही टोकन, स्टेट और सुलभता के सिमैंटिक्स मिलते हैं, पर API का रूप उसका अपना रहता है: Compose में enabled, Flutter में null onPressed, SwiftUI में .disabled(_:)।

परखी हुई बनावट

रेफ़रेंस, सिस्टम और कंपोनेंट टोकन; कलर रोल; एक टाइप स्केल; हर थीम और कंट्रास्ट के हर स्तर के लिए जनरेट किए गए टोनल पैलेट। इसका रूप संयमित और लगभग मोनोक्रोम है।

बनावट से ही सुलभ

कंट्रास्ट की जोड़ियाँ बिल्ड के समय हर थीम और कंट्रास्ट के हर स्तर के लिए जाँची जाती हैं। दिखने वाला साइज़ कभी हिट एरिया तय नहीं करता, और फ़ोकस रिंग हर इंटरैक्टिव स्पेक का हिस्सा है।

आगे कहाँ जाएँ