สาธิตสด | ชุด Figma UI | แดชบอร์ด HTML | แดชบอร์ด Vue JS | โต้ตอบแดชบอร์ด JS | แดชบอร์ด Laravel
Hope UI – Bootstrap Design System แบบโอเพ่นซอร์สฟรีเป็นชุด UI ที่สร้างขึ้นอย่างสวยงามโดยใช้ bootstrap 5 ระบบการออกแบบ Bootstrap 5 ฟรีที่ดีที่สุดนั้นตอบสนองอย่างเต็มที่และใช้งานง่าย ทำให้ผู้ใช้ Hope UI ทำงานได้อย่างง่ายดาย ด้วยความสามารถในการปรับตัวและยืดหยุ่นได้ง่าย Hope UI จึงสามารถเป็นระบบการออกแบบที่นำไปใช้ได้จริงสำหรับนักพัฒนาซอฟต์แวร์
กำลังมองหาการสร้างแอปพลิเคชันใหม่สำหรับโครงการส่วนตัวหรือลูกค้าอยู่ใช่ไหม? Hope UI – ระบบออกแบบ Bootstrap แบบโอเพ่นซอร์สฟรีสามารถช่วยสร้างแดชบอร์ดหรือเว็บไซต์ของผู้ดูแลระบบที่แข็งแกร่งและเข้าใจได้ โดยไม่ต้องใช้เวลามากในการออกแบบทั้งหมดตั้งแต่เริ่มต้น
หวังว่า UI จะเต็มไปด้วยองค์ประกอบ UI ที่สร้างขึ้นอย่างประณีต เมนูหลากหลายสไตล์ ชุดกราฟ แผนภูมิ และไอคอนภาพเคลื่อนไหว สร้างขึ้นในอุดมคติสำหรับนักพัฒนา นักออกแบบ และสตาร์ทอัพ หรือผู้สร้าง หวังว่า UI จะนำความสอดคล้องในการออกแบบและทำหน้าที่เป็นรากฐานที่แข็งแกร่งในการจัดการโครงการเว็บหรือแอปที่ประสบความสำเร็จ
คุณสามารถใช้วิธีต่อไปนี้เพื่อเริ่มต้นใช้งานไฟล์ CSS และ JS ของระบบการออกแบบ
ดาวน์โหลดจาก Github
ดาวน์โหลดจาก Iqonic Design
เริ่มต้นทำงานกับระบบการออกแบบ
npm install
npm run watch
npm run build
รายละเอียดเพิ่มเติม...
คุณสามารถค้นหาเอกสารของเราได้ที่นี่
ตรวจสอบแผนงานสาธารณะของ Hope UI และส่งคำขอคุณสมบัติได้ที่นี่
ภายในการดาวน์โหลด คุณจะพบไดเร็กทอรีและไฟล์ต่อไปนี้ จัดกลุ่มสินทรัพย์ทั่วไปตามตรรกะ และจัดเตรียมรูปแบบทั้งแบบคอมไพล์และย่อขนาด คุณจะเห็นสิ่งนี้:
github/hope-ui-admin-dashboard/
dist
├── assets
│ ├── css
│ ├── images
│ ├── js
│ └── vendor
├── dashboard
│ └── all html pages on folder based
└── index.html
src
├── assets
│ ├── images
│ │ ├── icon.png
│ │ ├── favicon.ico
│ │ └── loader.gif
│ ├── js
│ │ ├── hope-ui.js
| │ └── plugins
| │ ├── slider-tabs.js
| │ ├── countdown.js
| | └── prism.min.js
│ └── scss
│ ├── bootstrap/
│ │ ├── forms/
│ │ ├── helper/
│ │ ├── mixins/
│ │ ├── utilites/
│ │ └── vendor/
│ ├── custom
│ │ ├── auth/
│ │ ├── kanban/
│ │ ├── pricing/
│ │ └── ui-kit/
| ├──customizer
│ │ ├── components/
│ │ ├── layout/
│ │ ├── menu-style/
│ │ ├── utillities/
│ │ ├── components.scss
│ │ ├── dark.scss
│ │ ├── root.scss
│ │ └── variables.scss
│ ├── hope-ui-design-system
│ │ ├── components/
│ │ ├── helper/
│ │ ├── layout-style/
│ │ ├── pages/
│ │ ├── plugins/
│ │ ├── variables/
│ │ └── variables.scss
│ ├── dark
│ │ ├── components/
│ │ ├── helper/
│ │ ├── layout-style/
│ │ ├── pages/
│ │ ├── plugins/
│ │ ├── reboot/
│ │ ├── _dark.scss
│ │ └── _index.scss
│ ├── rtl
│ │ ├── components/
│ │ ├── pages/
│ │ ├── reboot/
│ │ ├── utilities/
│ │ └── _index.scss
│ ├── rtl.scss
│ ├── dark.scss
│ ├── custom.scss
| ├── customizer.scss
│ └── hope-ui.scss
├── templates
| ├── layouts
│ | ├── boxed-fancy
│ | ├── boxed
│ | ├── default
│ | ├── dual-compact
│ | ├── dual-horizontal
│ | ├── horizontal
| │ └── simple
| ├── pages
| │ ├── all folders based files
| │ └── index.hbs
| └── partials
| ├── components/
| └── all files based on hbs file in design system
├── gulp
│ └── all gulp task here
├── .gitignore
├── gulp.config.json
├── gulpfile.js
├── LICENSE
├── README.md
└── package.json
มีข้อบกพร่องหรือคำขอคุณสมบัติหรือไม่? แจ้งปัญหาใหม่ที่ฝ่ายสนับสนุน GitHub ของเรา
คลิกที่นี่เพื่อตรวจสอบบันทึกการเปลี่ยนแปลงทั้งหมดของเรา