ライブデモ| Figma UI キット| HTML ダッシュボード| Vue JS ダッシュボード| React JS ダッシュボード| Laravelダッシュボード
Hope UI – 無料のオープンソース Bootstrap Design System は、Bootstrap 5 に基づいて豪華に構築された UI キットです。最高の無料の Bootstrap 5 デザイン システムは完全に応答性が高く、ユーザーフレンドリーで、Hope UI ユーザーが楽に作業できるようにします。 Hope UI は容易に適応でき、柔軟であるため、開発者にとって頼りになるデザイン システムとなります。
個人プロジェクトまたはクライアント向けに新しいアプリケーションを作成することに興味がありますか? Hope UI – 無料のオープンソース Bootstrap 設計システムは、全体を最初から設計するのに多くの時間を費やすことなく、堅牢でわかりやすい管理ダッシュボードや Web サイトを構築するのに役立ちます。
Hope UI には、精巧に作られた UI 要素、複数のスタイルのメニュー、一連のグラフ、チャート、およびアニメーション化されたアイコンが詰め込まれています。 Hope UI は、開発者、デザイナー、スタートアップ企業、またはクリエイター向けに理想的に構築されており、デザインの一貫性をもたらし、Web プロジェクトやアプリ プロジェクトを成功させるための強力な基盤として機能します。
次の方法を使用して、デザイン システムの CSS および JS ファイルの使用を開始できます。
Githubからダウンロード
アイコニックデザインからダウンロード
デザインシステムの使用を開始する
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 サポートで新しい問題を提起してください
完全な変更ログを確認するには、ここをクリックしてください。