Живая демо | Комплект пользовательского интерфейса Figma | HTML-панель управления | Панель управления Vue JS | Панель управления React JS | Панель управления Laravel
Hope UI — бесплатная система дизайна Bootstrap с открытым исходным кодом — это великолепно созданный набор пользовательского интерфейса, основанный на Bootstrap 5. Лучшая бесплатная система дизайна Bootstrap 5 полностью адаптивна и удобна для пользователя, что позволяет пользователям Hope UI работать без особых усилий. Будучи легко адаптируемым и гибким, Hope UI может стать идеальной системой дизайна для разработчиков.
Хотите создать новое приложение для личного проекта или клиента? Hope UI — бесплатная система дизайна Bootstrap с открытым исходным кодом может помочь создать надежную и понятную панель администратора или веб-сайт, не тратя много времени на разработку всего этого с нуля.
Интерфейс Hope содержит тщательно продуманные элементы пользовательского интерфейса, несколько стилей меню, набор графиков, диаграмм и анимированных значков. Пользовательский интерфейс Hope, идеально подходящий для разработчиков, дизайнеров и стартапов или создателей, обеспечивает согласованность дизайна и служит прочной основой для управления успешным веб-проектом или проектом приложения.
Вы можете использовать следующий метод, чтобы начать работу с файлами CSS и JS системы дизайна.
Скачать с Github
Скачать с Iqonic Design
Начните работать с дизайн-системой
npm install
npm run watch
npm run build
Подробнее...
Вы можете найти нашу документацию здесь.
Ознакомьтесь с нашей общедоступной дорожной картой пользовательского интерфейса Hope, а также отправьте запросы по функциям здесь.
В загрузке вы найдете следующие каталоги и файлы, логически группирующие общие ресурсы и предоставляющие как скомпилированные, так и минифицированные варианты. Вы увидите что-то вроде этого:
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.
Нажмите здесь, чтобы просмотреть полный журнал изменений.