العرض المباشر | مجموعة واجهة المستخدم فيجما | لوحة تحكم HTML | لوحة تحكم Vue JS | لوحة تحكم React JS | لوحة تحكم لارافيل
Hope UI - نظام تصميم Bootstrap مجاني مفتوح المصدر عبارة عن مجموعة أدوات واجهة مستخدم رائعة تعتمد على bootstrap 5. أفضل نظام تصميم مجاني لـ Bootstrap 5 سريع الاستجابة وسهل الاستخدام، مما يسمح لمستخدمي Hope UI بالعمل دون عناء. نظرًا لكونها قابلة للتكيف ومرنة بسهولة، يمكن أن تكون واجهة Hope UI بمثابة نظام تصميم مفضل للمطورين.
هل تتطلع إلى إنشاء تطبيق جديد لمشروع شخصي أو عميل؟ Hope UI - يمكن لنظام تصميم Bootstrap المجاني مفتوح المصدر أن يساعد في إنشاء لوحة معلومات إدارية أو موقع ويب قوي ومفهوم دون قضاء الكثير من الوقت في تصميم كل شيء من الصفر.
تمتلئ Hope UI بعناصر واجهة المستخدم المصممة بدقة وأنماط متعددة من القائمة ومجموعة من الرسوم البيانية والمخططات والأيقونات المتحركة. تم تصميم Hope UI بشكل مثالي للمطورين والمصممين والشركات الناشئة أو المبدعين، وهو يوفر اتساق التصميم ويعمل كأساس قوي لإدارة مشروع ويب أو تطبيق ناجح.
يمكنك استخدام الطريقة التالية للبدء في استخدام ملفات CSS وJS لنظام التصميم.
التحميل من جيثب
تحميل من ايكونيك ديزاين
ابدأ العمل مع نظام التصميم
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
هل لديك خطأ أو طلب ميزة؟ اطرح مشكلة جديدة على دعم جيثب لدينا
انقر هنا للتحقق من سجل التغيير الكامل لدينا.