EN
كل المشاريع
شعار TORCH Glare
دراسة حالة، 2026v2.4.5

مكتبة واحدة،
لكل شاشة تطلقها Torch.

Glare مكتبة واجهات React مفتوحة المصدر من تطوير علي نمير في شركة Torch: مكوّنات أنيقة تراعي إمكانية الوصول، منسّقة بـ Tailwind CSS وقابلة للتوسيع.

npx torch-glare@latest init
ActionButton
TabSwitch
TreeDropDown
Calendar
Data View
SearchableTable
Progress Stepper
Timeline
ActionButton
TabSwitch
TreeDropDown
Calendar
Data View
SearchableTable
Progress Stepper
Timeline
ActionButton
TabSwitch
TreeDropDown
Calendar
Data View
SearchableTable
Progress Stepper
Timeline
ActionButton
TabSwitch
TreeDropDown
Calendar
Data View
SearchableTable
Progress Stepper
Timeline
(01)
نظرة عامة

نظام تصميم له مدخل واضح

Glare مكتبة مكوّنات React مفتوحة المصدر من TORCH، مبنية لخدمة التطبيقات الكبيرة ومستوحاة من shadcn/ui. موقع التوثيق يغطي كل مكوّن (الأزرار والحقول والتقاويم والجداول وتخطيط Data View الذي يعرض السجلات نفسها كجدول أو لوحة أو صندوق وارد أو شجرة)، ولكل مكوّن معاينة حية، وشفرته خلف تبويب Code، وزر Copy LLM Context يسلّم المواصفة كاملة إلى مساعد ذكي.

(01)
v2.4.5الإصدار الحالي
(02)
مستمرما زال يتطوّر
(03)
Reactمنسّق بـ Tailwind
(04)
مفتوح المصدرمتاح على GitHub
(02)
البدء

أمر واحد، ثم تصبح لك

تُنسخ المكوّنات إلى شفرة مشروعك، لا تُستورد من حزمة، فيملكها فريقك ويعدّلها.

الطرفية
npx torch-glare@latest init
glare.json
{
  "path": "./src"
}

تحتاج إلى Tailwind CSS وأيقونات Remix Icons عبر CDN وخط SF Pro.

(03)
المكوّنات

قائمة المكوّنات

أربع مجموعات من الشريط الجانبي في الوثائق. وتحتها Forms وInputs & Fields وOverlays بمكوّناتها.

Buttons
  • ActionButton
  • ActionsGroup
  • Button
  • ButtonGroup
  • LinkButton
  • ToggleButton
Data Display
  • Avatar
  • Badge
  • Calendar
  • Card
  • HeaderBar
  • SectionBlock
  • CountBadge
  • Divider
  • Skeleton
  • Table
  • SearchableTable
  • TextEditor
  • Timeline
Navigation
  • Breadcrumb
  • Progress Stepper
  • TabFormItem
  • TabSwitch
  • TreeDropDown
Layout
  • Tree Sub Layout
  • Data View
  • Form Renderer
(04)
موقع الوثائق

خمسة عناوين في كل صفحة

Overview وFeatures وInstallation وUsage وAPI، بهذا الترتيب، في كل مكوّن.

(01)

Installation

تكتب أداة سطر الأوامر ملف glare.json وتضع المكوّنات في شفرة مشروعك.

وثائق TORCH Glare: Installation
(02)

Button

يأخذ كل نمط تبويبَي Preview وCode، ثم الأحجام والحالات والسمات.

وثائق TORCH Glare: Button
(03)

TabSwitch

«مرّر `options`، وقيمة `value` مضبوطة، ومعالج `onValueChange`.» يأتي بأحجام S وM وL.

وثائق TORCH Glare: TabSwitch
(04)

Calendar

اختيار تاريخ مفرد، ثم النطاقات عبر خاصية `mode`.

وثائق TORCH Glare: Calendar
(05)

Data View

مجموعة صفوف واحدة تُعرض جدولاً أو لوحة أو صندوق وارد أو شجرة.

وثائق TORCH Glare: Data View
(05)
البناء

ما الذي بنيته فيه

ReactTailwind CSS
(01)

مجموعة المكوّنات

أزرار وحقول ونوافذ منبثقة وتنقّل، وصولاً إلى Data View الذي يعرض الصفوف نفسها بأربع طرق.

(02)

موقع الوثائق

يأخذ كل مكوّن العناوين الخمسة نفسها، ومعاينة حية بجانب شفرته.

(03)

أداة سطر الأوامر

أمر init واحد ينسخ المكوّنات إلى شفرة مشروعك، ليعدّلها الفريق بدل أن يغلّفها.

(04)

مبنيّة لتقرأها المساعدات الذكية

زر Copy LLM Context في كل صفحة، وخادم MCP داخل الوثائق.

وثائق TORCH Glare معروضة على حاسوب محمول
علي جزء أساسي من فريقنا في شركة Torch. من مكتبة Glare إلى منصات العملاء الكاملة، يسلّم عملاً نظيفاً وموثوقاً على المواقع والموبايل والتلفزيون، ويرفع المستوى للجميع باستمرار.
فريق تورش
فريق تورشبرمجيات للشركات والجهات الحكومية
خُذها

ثبّت Glare

npx torch-glare@latest init
اقرأ الوثائقglare.torchcorp.com