H

Horizon UI

قوالب إدارة React مفتوحة المصدر لمشروعات لوحات المعلومات باستخدام Chakra UI وNext.js وTailwind CSS.

التصنيف:AI Developer Tools
subscription
آخر تحديث 30‏/7‏/2026

نبذة عن Horizon UI

يوفر Horizon UI قوالب إدارة React مفتوحة المصدر للفرق التي تريد البدء بمكونات لوحات معلومات مبرمجة وأمثلة للصفحات. يعرض الموقع الرسمي إصدارات مبنية باستخدام Chakra UI أو Tailwind CSS، ويوفر خيارات JavaScript وTypeScript وتركيبة موثقة مع Next.js. تشمل الأمثلة الشائعة صفحات المصادقة والملف الشخصي وNFT، بينما يضيف Horizon AI Template أساسًا يعتمد على React وNext.js وChakra UI للتطبيقات المبنية على ChatGPT، مع أكثر من 100 عنصر واجهة بالوضعين الداكن والفاتح. قد يساعد هذا التنوع على تقليص وقت إعداد الواجهة، لكن الإصدارات تمثل نقاط بداية منفصلة وليست حزمة واحدة قابلة للتبادل، ولذلك لا يزال على الفرق اختيار حزمة التقنيات والتحقق من تبعياتها. تعرض وثائق المشروع التمهيدي أيضًا صفحة أسعار تضم ثلاث بطاقات ومتصلة بعمليات الدفع وإدارة الاشتراك والتوجيه إلى لوحة المعلومات؛ ويجب إعداد المنتجات والأسعار الفعلية في Stripe.

الميزات

لوحة إدارة باستخدام React

ابدأ بتخطيطات ومكونات مبرمجة لصفحات المصادقة والملف الشخصي وNFT وغيرها من صفحات الإدارة الشائعة بدلًا من تصميم كل شاشة من البداية.

حزم متعددة لتقنيات الواجهة

اختر قالبًا من Chakra UI أو Tailwind CSS، واستخدمه مع JavaScript أو TypeScript أو خيار Next.js الموثق.

قالب لتطبيقات الذكاء الاصطناعي

استخدم مكونات Horizon AI Template وصفحاته المبرمجة كأساس لواجهة تطبيق SaaS مبني على ChatGPT أو تطبيق ويب موجّه بالمطالبات.

المزايا

  • تقلل التنزيلات مفتوحة المصدر التكلفة الأولية لتجربة قالب ابتدائي للوحة معلومات مبنية باستخدام React.
  • تتيح إصدارات Chakra UI وTailwind CSS المتعددة للفرق مواءمة القالب مع حزمة تقنيات الواجهة الأمامية الحالية.
  • تقلل المكونات المبرمجة وأمثلة الصفحات حجم العمل اللازم لتجميع شاشات الإدارة الشائعة.

القيود

  • تتطلب إصدارات JavaScript وTypeScript وNext.js وChakra UI وTailwind المنفصلة التحقق من التوافق قبل اعتمادها.
  • لا تزال واجهة الأسعار الموثقة تتطلب من الفرق إعداد منتجاتها وأسعارها الخاصة في Stripe.
  • لا تتضمن معلومات المنتج المعروضة لهذه القوالب ضمانات بشأن الأمان والخصوصية، لذلك يجب على الفرق تقييم متطلبات النشر الخاصة بها.

خطط التسعير

اشتراك مُعدّ في Stripe

Configured in Stripeمخصص
  • واجهة أسعار من ثلاث بطاقات
  • استدعاءات دوال الدفع
  • مسار إدارة الاشتراكات
  • التوجيه إلى لوحة المعلومات بعد الدفع

* معلومات التسعير للاطلاع فقط. يُرجى الرجوع إلى أحدث إعلان على الموقع الرسمي لـ Horizon UI.

الأسئلة الشائعة

Horizon UI مزود لقوالب إدارة React مفتوحة المصدر، مع خيارات للوحات المعلومات باستخدام Chakra UI وNext.js وTailwind CSS. توفر قوالبه عناصر واجهة مبرمجة وأمثلة للصفحات لبناء لوحات معلومات لتطبيقات الويب.
يوفر الموقع الرسمي قوالب Chakra UI لتطبيقات React مع TypeScript أو JavaScript، وخيار Chakra UI لتطبيقات React وNext.js، وقوالب Tailwind CSS لتطبيقات React مع TypeScript أو JavaScript.
نعم. بُني Horizon AI Template باستخدام React وNext.js وChakra UI للمشروعات القائمة على ChatGPT، وتصف وثائقه أكثر من 100 عنصر واجهة بالوضعين الداكن والفاتح.

معلومات الأداة

المطوّرHorizon UI
تاريخ الإصدار20‏/7‏/2026
التسعيرsubscription