Vue マテリアル ダッシュボード 2 は、Vue3 と Bootstrap5 をベースにした最新の無料管理者テンプレートです。開発者にとって使いやすく、機能が豊富で、高度にカスタマイズ可能な管理ダッシュボードを作成したいと考えている開発者には、ここが最適です。当社の革新的な Vue3 および Bootstrap5 ダッシュボードは、Google のマテリアル デザインにインスピレーションを得た美しいデザインを採用しており、クライアントを満足させる素晴らしい Web サイトや Web アプリを作成するのに役立ちます。
完全にコード化された要素
Vue マテリアル ダッシュボード 2 は、ボタン、入力、ナビゲーションバー、ナビゲーション タブ、カード、アラートなど、70 を超えるフロントエンドの個別要素で構築されており、自由に選択して組み合わせることができます。すべてのコンポーネントは色のバリエーションを取ることができ、sass ファイルを使用して簡単に変更できます。すべての要素が実装されているため、プロトタイピングから完全に機能するコードに移行する時間を大幅に節約できます。
この無料の Vue3 および Bootstrap5 ダッシュボードには、事前に構築されたデザイン ブロックが付属しているため、開発プロセスはシームレスであり、ページから実際の Web サイトへの切り替えは非常に簡単です。
すべてのコンポーネントをここで表示します。
開発者が作成したドキュメント
各要素は、非常に複雑なドキュメントで適切に表現されています。
ドキュメントの詳細については、こちらをご覧ください。
サンプルページ
インスピレーションを得たい場合、またはクライアントに直接何かを見せたい場合は、事前に構築されたサンプル ページを使用して開発をすぐに開始できます。 Web プロジェクトの基本構造をすばやくセットアップできるようになります。
ここでサンプルページをご覧ください。
役立つリンク
Github リポジトリを表示する
FAQページを確認する
このダッシュボードの開発中に、私たちは優れた開発者からの多くの既存のリソースを使用しました。ツールをオープンソースで提供してくれた彼らに感謝したいと思います。
Popper.js - ポッパーの管理に使用される Kickass ライブラリ
Charts Js - デザイナーと開発者向けのシンプルかつ柔軟な JavaScript グラフ作成
分析ツールの Nepcha Analytics。 Nepcha はすでに Vue マテリアル ダッシュボード 2 と統合されています。これを使用して、トラフィックのソースについての洞察を得ることができます。
以下であなたのご意見をお聞かせください。そして開発頑張ってください!
バージョン
デモ
クイックスタート
展開する
ドキュメント
ファイル構造
ブラウザのサポート
リソース
問題の報告
テクニカルサポートまたは質問
ライセンス
役立つリンク
マテリアル ダッシュボードのドキュメントは、当社の Web サイトでホストされています。
ダウンロード内には、次のディレクトリとファイルがあります。
vue-material-dashboard-2 ├── public │ ├── favicon.png │ └── index.html ├── src │ ├── assets │ │ ├── css │ │ ├── fonts │ │ ├── img │ │ ├── js │ │ └── scss │ ├── components │ │ ├── MaterialAlert.vue │ │ ├── MaterialAvatar.vue │ │ ├── MaterialBadge.vue │ │ ├── MaterialButton.vue │ │ ├── MaterialCheckbox.vue │ │ ├── MaterialInput.vue │ │ ├── MaterialPagination.vue │ │ ├── MaterialPaginationItem.vue │ │ ├── MaterialProgress.vue │ │ ├── MaterialRadio.vue │ │ ├── MaterialSnackbar.vue │ │ ├── MaterialSwitch.vue │ │ └── MaterialTextarea.vue │ ├── examples │ │ ├── Cards │ │ ├── Charts │ │ ├── Navbars │ │ ├── PageLayout │ │ ├── Sidenav │ │ ├── Breadcrumbs.vue │ │ ├── Configurator.vue │ │ └── Footer.vue │ ├── router │ ├── store │ ├── views │ │ ├── components │ │ ├── Billing.vue │ │ ├── Dashboard.vue │ │ ├── Home.vue │ │ ├── Notification.vue │ │ ├── Profile.vue │ │ ├── Rtl.vue │ │ ├── Sales.vue │ │ ├── SignIn.vue │ │ ├── SignUp.vue │ │ └── Tables.vue │ ├── App.vue │ ├── main.js │ └── material-dashboard.js ├── .browserslistrc ├── .eslintrc.js ├── .gitignore ├── babel.config.json ├── CHANGELOG.md ├── ISSUE_TEMPLATE.md ├── package.json └── README.md
現時点では、次のブラウザの最後の 2 つのバージョンを正式にサポートすることを目指しています。
ライブプレビュー
ダウンロードページ
ドキュメントはこちら
ライセンス契約
サポート
問題: Github の問題ページ
Nepcha Analytics - ウェブサイトの分析ツール
Vue マテリアル ダッシュボード 2 の公式バグ トラッカーとして GitHub Issues を使用しています。問題を報告したいユーザーへのアドバイスは次のとおりです。
最新バージョンの Vue マテリアル ダッシュボード 2 を使用していることを確認してください。Web サイトのダッシュボードから CHANGELOG を確認してください。
問題に対する再現可能な手順を提供していただくと、問題の修正にかかる時間が短縮されます。
一部の問題はブラウザーに固有である可能性があるため、どのブラウザーで問題が発生したかを指定すると役立つ場合があります。
ご質問がある場合、または製品の統合についてサポートが必要な場合は、問題を解決するのではなく、お問い合わせください。
Copyright 2023 クリエイティブティム
クリエイティブティムライセンス
Creative Tim のその他の製品
チュートリアル
クリエイティブ ティムからの景品
アフィリエイト プログラム (お金を稼ぐ)
Twitter: https://twitter.com/CreativeTim
フェイスブック: https://www.facebook.com/CreativeTim
ドリブル: https://dribbble.com/creativetim
Google+: https://plus.google.com/+CreativetimPage
インスタグラム:https://instagram.com/creativetimofficial