التخطّي إلى المحتوى
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

مبني ليبقى متوافقًا

مصدران للحقيقة

رموز التصميم (tokens) ومواصفات المكوّنات هي العقود الوحيدة المكتوبة باليد. شيفرة المنصات وهذه الوثائق ومصفوفة الحالة كلها مشتقة منها، ويفشل CI حين تنحرف عنها.

تكافؤ لا تطابق

تحصل كل منصة على الرموز والحالات ودلالات إمكانية الوصول نفسها، لكنها تحتفظ بشكل واجهتها البرمجية: enabled في Compose، وقيمة null للخاصية onPressed في Flutter، و .disabled(_:) في SwiftUI.

بنية مجرَّبة

رموز المرجع والنظام والمكوّن؛ وأدوار ألوان؛ وسلّم طباعي؛ ولوحات درجات لونية مولَّدة لكل سمة ومستوى تباين. والمظهر متحفّظ شبه أحادي اللون.

إمكانية الوصول من البنية نفسها

تُفحص أزواج التباين لكل سمة ومستوى تباين عند البناء. الحجم المرئي لا يحدد مساحة اللمس أبدًا، وحلقة التركيز جزء من كل مواصفة تفاعلية.

إلى أين بعد ذلك