Dash UI

Dash UI - ธีม Bootstrap 5

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

Dash UI มืออาชีพ

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

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

• CSS Framework Bootstrap 5 ยอดนิยม
• เครื่องมือเวิร์กโฟลว์ที่มีประสิทธิภาพ Gulp
• Sass ตัวประมวลผลล่วงหน้า CSS ที่ยอดเยี่ยม

สารบัญ

• เริ่มต้นอย่างรวดเร็ว
• เอกสารประกอบ
• โครงสร้างไฟล์
• รองรับเบราว์เซอร์
• การสนับสนุนทางเทคนิคหรือคำถาม
• ไฟล์ออกแบบ 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 Bootstrap 5 Theme
.
├── src
    ├── assets
    |   ├── css
    │   ├── fonts
    │   ├── images
    |   ├── js
    │   ├── scss
    |       ├── theme
    |       ├── theme.scss
    ├── pages
    │   ├── 404-error.html
    │   ├── billing.html
    │   ├── forget-password.html
    │   ├── layout.html
    │   ├── pricing.html
    │   ├── profile.html
    │   ├── settings.html
    │   ├── sign-in.html
    │   ├── sign-up.html
    │   └── tables.html
    ├── partials
    │   ├── doc-navbar.html
    │   ├── docs-sidenav.html
    │   ├── head.html
    │   ├── header.html
    │   ├── navbar-vertical.html         
    │   └── scripts.html
    ├── index.html
    ├── gulpfile.js
    ├── package-lock.json
    ├── package.json
    ├── README.md

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

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

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

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

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

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

ไฟล์ออกแบบ Figma

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

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

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

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