dashui tailwindcss

Dash UI - قالب مسؤول HTML TailwindCSS مجاني

Dash-UI هو سمة إدارة TailwindCSS ولوحة المعلومات. Dash UI Kit عبارة عن مجموعة قوالب مجانية ومحترفة مشفرة بالكامل باستخدام TailwindCSS.

سير العمل

تم تصميم هذا المنتج باستخدام التقنيات التالية المستخدمة على نطاق واسع:

• إطار عمل CSS الأكثر شهرة TailwindCSS
• أداة سير العمل الإنتاجية Gulp
• عرض ملف فيجما

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

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

بداية سريعة

1. قم بالتنزيل من استنساخ هذا المستودع
2. قم بتنزيل الرمز البريدي للمشروع
3. تأكد من تثبيت Node محليًا.
4. قم بتنزيل واجهة سطر أوامر Gulp لتتمكن من استخدام gulp في جهازك الطرفي.

 npm install gulp-cli -g

5. بعد تثبيت Gulp، قم بتشغيل npm install في مجلد dash-ui/ الرئيسي لتنزيل جميع تبعيات المشروع. ستجدها في مجلد node_modules/ .

 npm install

6. قم بتشغيل gulp في مجلد dash-ui/ لخدمة ملفات المشروع باستخدام BrowserSync. سيؤدي تشغيل gulp إلى تجميع السمة وفتح /index.html في متصفحك الرئيسي.

 gulp

7. يقوم بإنشاء دليل /dist مع كافة ملفات الإنتاج.

 gulp build

التوثيق

تتوفر وثائق Dash UI على موقعنا.

هيكل الملف

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

Dash UI TailwindCSS Theme

├── src
│   ├── assets                       # The output css directory
│       ├── css                      # Compiled CSS
│       ├── fonts                    # All fonts are used in the theme.
│       ├── images                   # All the images are used in the theme
|       ├── js                       # All Javascript source files used in theme.
│       ├── tailwind                 # CSS files
│   ├── components                   # All Components for theme.
│   ├── partials                     # A specific loop header and footer files for the templating.
│   ├── index.html                   # Index and All HTML file is start file run when the gulp
├── .gitignore                       # Ignore file for git
├── gulpfile.js                      # Gulp setup file
├── package.json
├── package.lock.json
├── README.md
└── tailwind.config.js               # TailwindCSS configuration file

دعم المتصفح

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

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

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

روابط مفيدة

• قالب بوتستراب
• قالب الرد
• قالب Next.js
• قالب Nuxt.js
• قالب الرياح الخلفية

ملف تصميم فيجما

جاهز لاستخدام ملف Figma.

الترقية إلى PRO

احصل على المزيد من القوة مع Dash UI pro الذي يضم مجموعة من مكونات واجهة المستخدم والنماذج والجداول والمخططات والصفحات والأيقونات.

نسخة مجانية	داشوي برو
✔️ 1 لوحة تحكم	✔️ 6 لوحة تحكم
✔️ 11 صفحة HTML	✔️ أكثر من 60 صفحة HTML
✔️ تضمين المستندات	✔️التوثيق
✔️ 4 ملحقات	✔️ 10+ الإضافات
✔️ ملفات المصدر	✔️ ملفات المصدر
الوضع المظلم	✔️ الوضع المظلم
خيارات التخطيط	✔️ اختلافات التخطيط
دعم الأولوية	✔️ دعم الأولوية
-	✔️ تحديث مجاني
تحميل مجاني	احصل على واجهة المستخدم داش