material tailwind dashboard react

رد فعل لوحة القيادة الخلفية المادية

يعد Material Tailwind Dashboard React أحدث قالب إداري مجاني لدينا يعتمد على Tailwind CSS وReact. إذا كنت مطورًا وتتطلع إلى إنشاء لوحة تحكم إدارية صديقة للمطورين، وغنية بالميزات، وقابلة للتخصيص بدرجة كبيرة، فإليك ما يناسبك. تأتي لوحة معلومات Material Tailwind وTailwind CSS وReact المبتكرة بتصميم جميل مستوحى من تصميم المواد من Google وسيساعدك على إنشاء مواقع ويب وتطبيقات ويب مذهلة لإسعاد عملائك.

عناصر مشفرة بالكامل

تم تصميم Material Tailwind Dashboard React بأكثر من 40 عنصرًا فرديًا للواجهة الأمامية قادمة من @material-tailwind/react، مثل الأزرار أو المدخلات أو أشرطة التنقل أو علامات تبويب التنقل أو البطاقات أو التنبيهات، مما يمنحك حرية الاختيار والدمج. يمكن لجميع المكونات أن تأخذ اختلافات في اللون، والتي يمكنك تعديلها بسهولة باستخدام الدعائم وأسماء فئات css الخلفية. ستوفر الكثير من الوقت في الانتقال من النماذج الأولية إلى التعليمات البرمجية كاملة الوظائف نظرًا لأنه تم تنفيذ جميع العناصر.

تأتي هذه المواد المجانية Tailwind وTailwind CSS وReact Dashboard مع كتل تصميمية معدة مسبقًا، وبالتالي فإن عملية التطوير سلسة، ومن السهل جدًا إجراء التبديل من صفحاتنا إلى موقع الويب الحقيقي.

عرض كافة المكونات هنا.

الوثائق التي أنشأها المطورون

يتم تقديم كل عنصر بشكل جيد في وثائق معقدة للغاية.

يمكنك قراءة المزيد عن الوثائق هنا.

صفحات المثال

إذا كنت ترغب في الحصول على الإلهام أو مجرد عرض شيء ما مباشرةً لعملائك، فيمكنك البدء في تطويرك من خلال صفحات الأمثلة المعدة مسبقًا لدينا. ستكون قادرًا على إعداد البنية الأساسية لمشروع الويب الخاص بك بسرعة.

عرض صفحات الأمثلة هنا.

روابط مفيدة

• عرض مستودع جيثب
• تحقق من صفحة الأسئلة الشائعة

شكر خاص

أثناء تطوير لوحة التحكم هذه، استخدمنا العديد من الموارد الموجودة من مطورين رائعين. نريد أن نشكرهم على توفير أدواتهم مفتوحة المصدر:

• Material Tailwind - Material Tailwind هي مكتبة مكونات سهلة الاستخدام لـ Tailwind CSS وتصميم المواد.
• أيقونات البطل - أيقونات SVG جميلة مصنوعة يدويًا.
• مخططات Apex - مخططات حديثة وتفاعلية مفتوحة المصدر.
• Nepcha Analytics لأداة التحليلات. تم دمج Nepcha بالفعل مع Material Tailwind Dashboard React. يمكنك استخدامه للحصول على رؤى حول مصادر حركة المرور الخاصة بك.

اسمحوا لنا أن نعرف أفكارك أدناه. ونتمنى لك التوفيق في التطوير!

جدول المحتويات

• الإصدارات
• تجريبي
• بداية سريعة
• نشر
• التوثيق
• هيكل الملف
• دعم المتصفح
• موارد
• قضايا الإبلاغ
• الدعم الفني أو الأسئلة
• الترخيص
• روابط مفيدة

الإصدارات

الأوامر الطرفية

1. قم بتنزيل وتثبيت إصدار NodeJs LTS من الصفحة الرسمية لـ NodeJs.
2. انتقل إلى الدليل الجذر ./ للمنتج وقم بتشغيل npm install أو yarn install أو pnpm install لتثبيت تبعياتنا المحلية.

التوثيق

تتم استضافة الوثائق الخاصة بـ Material Tailwind Dashboard React على موقعنا الإلكتروني.

ما هو مدرج

ستجد ضمن التنزيل الدلائل والملفات التالية:

 material-tailwind-dashboard-react
    ├── public
    │   ├── css
    │   └── img
    ├── src
    │   ├── configs
    │   ├── context
    │   ├── data
    │   ├── layouts
    │   ├── pages
    │   ├── widgets
    │   ├── App.jsx
    │   ├── main.jsx
    │   └── routes.jsx
    ├── .gitignore
    ├── CHANGELOG.md
    ├── index.html
    ├── ISSUE_TEMPLATE.md
    ├── jsconfig.json
    ├── LICENSE
    ├── package.json
    ├── postcsss.config.cjs
    ├── prettier.config.cjs
    ├── README.md
    ├── tailwind.config.cjs
    └── vite.config.js

دعم المتصفح

في الوقت الحالي، نهدف رسميًا إلى دعم الإصدارين الأخيرين من المتصفحات التالية:

موارد

• المعاينة المباشرة
• تحميل الصفحة
• التوثيق هنا
• اتفاقية الترخيص
• يدعم
• القضايا: صفحة قضايا جيثب
• Nepcha Analytics - أداة تحليلية لموقعك على الويب

قضايا الإبلاغ

نحن نستخدم مشكلات GitHub باعتبارها أداة تعقب الأخطاء الرسمية لـ Material Tailwind Dashboard React. فيما يلي بعض النصائح لمستخدمينا الذين يريدون الإبلاغ عن مشكلة:

1. تأكد من أنك تستخدم أحدث إصدار من Material Tailwind Dashboard React. تحقق من سجل التغيير من لوحة التحكم الخاصة بك على موقعنا.
2. سيؤدي توفير خطوات قابلة للتكرار لحل المشكلة إلى تقليل الوقت الذي يستغرقه إصلاحها.
3. قد تكون بعض المشكلات متعلقة بالمتصفح، لذا قد يكون من المفيد تحديد المتصفح الذي واجهت المشكلة فيه.

الدعم الفني أو الأسئلة

إذا كانت لديك أسئلة أو كنت بحاجة إلى مساعدة في دمج المنتج، فيرجى الاتصال بنا بدلاً من فتح مشكلة.

الترخيص

• حقوق النشر 2023 كريتيف تيم
• رخصة تيم الإبداعية

روابط مفيدة

• المزيد من المنتجات من كريتيف تيم

• دروس

• هدايا مجانية من كريتيف تيم

• برنامج الشراكة (كسب المال)

وسائل التواصل الاجتماعي

تويتر: https://twitter.com/CreativeTim

الفيسبوك: https://www.facebook.com/CreativeTim

دريببل: https://dribbble.com/creativetim

جوجل+: https://plus.google.com/+CreativetimPage

انستقرام: https://instagram.com/creativetimofficial