ابدأ وقم ببناء تطبيق الويب الذي تحلم به باستخدام Horizon UI، قالب الإدارة مفتوح المصدر الأكثر عصرية وابتكارًا لـ Chakra UI & React!
مصمم لأولئك الذين يحبون عناصر واجهة المستخدم الحديثة والمواقع الجميلة. يتكون Horizon UI من مئات العناصر والكتل المصممة والصفحات المشفرة بالكامل، وهو جاهز لمساعدتك في إنشاء مواقع ويب وتطبيقات ويب مذهلة.
يمكنك توفير مئات الساعات من محاولة إنشاء لوحة معلومات وتطويرها من البداية. لوحة القيادة الأسرع والأكثر استجابة والأكثر عصرية موجودة هنا. بجد.
مع Horizon UI، ستجد العديد من الأمثلة لصفحات مثل صفحات NFTs وصفحات المصادقة والملف الشخصي وما إلى ذلك. ما عليك سوى الاختيار بين التصميم الأساسي أو الغلاف وستكون جاهزًا للانطلاق!
جميع المكونات الرئيسية من كلا الإصدارين، سيساعدك هذا على رؤية جميع المكونات المضافة وأحدثها في Horizon والتفاعل معها (أيضًا، هناك مكونات جديدة في الطريق، ترقبوا ذلك)! ⚡️ الاطلاع على جميع المكونات
يتم تقديم كل عنصر بشكل جيد في وثائق معقدة للغاية. يمكنك قراءة المزيد عن الوثائق هنا.
قم بتثبيت Horizon UI عن طريق تشغيل أي مما يلي:
قم بتثبيت NodeJS LTS من صفحة NodeJs الرسمية (ملاحظة: المنتج يعمل فقط مع إصدار LTS)
قم باستنساخ المستودع باستخدام الأمر التالي:
استنساخ بوابة https://github.com/horizon-ui/horizon-ui-chakra.git
قم بتشغيل هذا الأمر في المحطة:
تثبيت npm
ثم قم بتشغيل هذا الأمر لبدء الخادم المحلي الخاص بك
بداية npm
إذا كنت ترغب في الحصول على الإلهام أو مجرد عرض شيء ما مباشرةً لعملائك، فيمكنك البدء في تطوير مشروعك من خلال صفحات الأمثلة المعدة مسبقًا لدينا. ستكون قادرًا على إعداد البنية الأساسية لمشروع الويب الخاص بك بسرعة. عرض صفحات الأمثلة هنا.
نسخة مجانية | النسخة الاحترافية |
---|---|
Horizon UI متاح أيضًا بتنسيق Figma! التحقق من ذلك على مجتمع Figma! ؟ راجع ملفات تصميم Horizon UI Figma
نحن نستخدم مشكلات GitHub باعتبارها أداة تعقب الأخطاء الرسمية لواجهة Horizon UI. فيما يلي بعض النصائح لمستخدمينا الذين يريدون الإبلاغ عن مشكلة:
تأكد من أنك تستخدم أحدث إصدار من Horizon UI Dashbaord. تحقق من سجل التغيير من لوحة التحكم الخاصة بك في ملف سجل التغيير الخاص بنا.
سيؤدي توفير خطوات قابلة للتكرار لحل المشكلة إلى تقليل الوقت الذي يستغرقه إصلاحها.
قد تكون بعض المشكلات متعلقة بالمتصفح، لذا قد يكون من المفيد تحديد المتصفح الذي واجهت المشكلة فيه.
تواصل مع المجتمع! لا تتردد في طرح الأسئلة والإبلاغ عن المشكلات والتعرف على أشخاص جدد يستخدمون Horizon UI بالفعل!
انضم إلى مجتمع #HorizonUI Discord!
️ حقوق الطبع والنشر 2023 Simmmple
ترخيص واجهة المستخدم الأفق