hope ui html admin dashboard

免费开源 Bootstrap 5 设计系统。

现场演示| Figma UI 套件| HTML 仪表板| Vue JS 仪表板| React JS 仪表板| Laravel 仪表板

---

Hope UI – 免费开源 Bootstrap 设计系统是一个基于 Bootstrap 5 构建的精美 UI 套件。最好的免费 Bootstrap 5 设计系统完全响应且用户友好，让 Hope UI 用户可以轻松工作。 Hope UI 易于适应且灵活，可以成为开发人员的首选设计系统。

想要为个人项目或客户创建新的应用程序吗？希望 UI – 免费的开源 Bootstrap 设计系统可以帮助构建一个强大且易于理解的管理仪表板或网站，而无需花费大量时间从头开始设计整个系统。

您可以使用 Hope UI 做什么

Hope UI 充满了精心制作的 UI 元素、多种风格的菜单、一组图形、图表和动画图标。 Hope UI 非常适合开发人员、设计师和初创公司或创作者，它带来了设计一致性，并为管理成功的 Web 或应用程序项目奠定了坚实的基础。

拥有希望 UI 的 5 个不可抗拒的理由

• 与任何其他设计系统不同，Hope UI 具有完全响应能力，有助于企业主直接从移动屏幕查看管理面板，而不会丢失分辨率。
• 为了数据呈现的目的，这个最好的免费 Bootstrap 5 设计系统附带了大量的元素和小部件来添加文本和图像。
• 除了超级简单和快速适应的功能之外，Hope UI 还是通过预编码的设计系统和示例来控制和概述 Web 或应用程序项目性能的经济高效的方式。
• Hope UI 是一个强大的构建系统，其布局注重项目的可扩展性和性能。
• Hope UI 包含 100 多个由 SCSS 和 Gulp 支持的完全代码元素和小部件，以使开发变得简单快速。

特征

• 支持 bootstrap 5
• 基于SCSS组件的设计
• 基于 HBS(Handlebar) 的 html
• 完全响应
• 干净的代码
• 演示页面
• 色彩模式
• 方向模式
• 布局设置
• 30+ 菜单样式

目录

• 快速入门
  • 方法一：直接下载
  • 方法二：使用NPM
• 文档
• 版本
• 公共路线图
• 文件结构
• 浏览器支持
• 不要为我们买咖啡而是支持我们
• 更多来自 Iqonic 设计
• 报告问题
• 特别感谢
• 变更日志
• 跟着我们
• 许可

快速入门

您可以使用以下方法开始使用设计系统的CSS和JS文件。

方法一：直接下载

从Github下载

从 Iqonic 设计下载

方法二：使用NPM

开始使用设计系统

1. 安装依赖项

 npm install

2. 运行开发

 npm run watch

3. 为生产而构建

 npm run build

更多详情...

文档

您可以在这里找到我们的文档。

版本

• 菲格玛
• HTML 管理仪表板
• Vue JS 仪表板
• React JS 仪表板
• Laravel 仪表板

公共路线图

查看我们的 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 存储库加注星标
• 发推文谈论它。
• 提交错误，或建议新功能和文档更新？
• 在 Twitter 上关注@iqonicdesign。
• 在 Instagram 上关注我们
• 在 iqonic.design 订阅 Iqonic 时事通讯

更多来自 Iqonic 设计

• 每周免费产品
• 高级主题、模板、仪表板、应用程序等
• 在 YouTube 上订阅
• 到达美国

报告问题

有错误或功能请求吗？在我们的 github 支持中提出新问题

特别感谢

• 引导程序
• 谷歌字体
• jQuery
• Apex 图表结账完整列表

变更日志

单击此处查看我们的完整更改日志。

跟着我们

• 叽叽喳喳
• Facebook
• 运球
• Instagram
• 产品搜寻

许可

• 代码和文档版权所有 2021 IQONIC Design 保留所有权利。根据 MIT 许可证发布的代码。