dashui tailwindcss

Dash UI - เทมเพลตผู้ดูแลระบบ HTML ของ TailwindCSS ฟรี

Dash-UI เป็นธีมผู้ดูแลระบบและแดชบอร์ดของ TailwindCSS Dash UI Kit เป็นชุดเทมเพลตฟรีและเทมเพลต Pro ที่เข้ารหัสอย่างสมบูรณ์ด้วย TailwindCSS

ขั้นตอนการทำงาน

ผลิตภัณฑ์นี้สร้างขึ้นโดยใช้เทคโนโลยีที่ใช้กันอย่างแพร่หลายดังต่อไปนี้:

• TailwindCSS กรอบ CSS ยอดนิยม
• เครื่องมือเวิร์กโฟลว์ที่มีประสิทธิภาพ Gulp
• การสาธิตไฟล์ Figma

สารบัญ

• เริ่มต้นอย่างรวดเร็ว
• เอกสารประกอบ
• โครงสร้างไฟล์
• รองรับเบราว์เซอร์
• การสนับสนุนทางเทคนิคหรือคำถาม

เริ่มต้นอย่างรวดเร็ว

1. ดาวน์โหลดจากโคลนที่เก็บนี้
2. ดาวน์โหลด zip ของโครงการ
3. ตรวจสอบให้แน่ใจว่าคุณได้ติดตั้งโหนดในเครื่องแล้ว
4. ดาวน์โหลด Gulp Command Line Interface เพื่อให้สามารถใช้ Gulp ใน Terminal ของคุณได้

 npm install gulp-cli -g

5. หลังจากติดตั้ง Gulp ให้รันการติดตั้ง npm ในโฟลเดอร์หลัก dash-ui/ เพื่อดาวน์โหลดการอ้างอิงโปรเจ็กต์ทั้งหมด คุณจะพบพวกมันในโฟลเดอร์ node_modules/

 npm install

6. เรียกใช้ gulp ในโฟลเดอร์ dash-ui/ เพื่อให้บริการไฟล์โปรเจ็กต์โดยใช้ BrowserSync การรันอึกจะรวบรวมธีมและเปิด /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

รองรับเบราว์เซอร์

ในปัจจุบัน เรามีเป้าหมายอย่างเป็นทางการที่จะสนับสนุนเบราว์เซอร์สองเวอร์ชันล่าสุดต่อไปนี้:

การสนับสนุนทางเทคนิคหรือคำถาม

หากคุณมีคำถามหรือต้องการความช่วยเหลือในการบูรณาการผลิตภัณฑ์ โปรดติดต่อเรา สนับสนุน

ลิงค์ที่เป็นประโยชน์

• เทมเพลต Bootstrap
• ตอบสนองเทมเพลต
• เทมเพลต Next.js
• เทมเพลต Nuxt.js
• เทมเพลตลมท้าย

ไฟล์ออกแบบ Figma

พร้อมใช้ไฟล์ Figma

อัปเกรดเป็น PRO

รับพลังที่มากขึ้นด้วย Dash UI pro ที่มีองค์ประกอบ UI แบบฟอร์ม ตาราง แผนภูมิ หน้า และไอคอนมากมาย

เวอร์ชันฟรี	DashUI PRO
✔️ 1 แดชบอร์ด	✔️ 6 แดชบอร์ด
✔️ 11 หน้า HTML	✔️ 60+ หน้า HTML
✔️รวมเอกสาร	✔️เอกสาร
✔️ 4 ปลั๊กอิน	✔️ ปลั๊กอินมากกว่า 10 รายการ
✔️ไฟล์ต้นฉบับ	✔️ไฟล์ต้นฉบับ
โหมดมืด	✔️โหมดมืด
ตัวเลือกเค้าโครง	✔️รูปแบบเค้าโครง
การสนับสนุนลำดับความสำคัญ	✔️การสนับสนุนลำดับความสำคัญ
-	✔️อัพเดทฟรี
ดาวน์โหลดฟรี	รับ Dash UI