Bootstrap 5 および VueJS 3 用の革新的な管理テンプレートを使用して開発を始めましょう。現在最もホットなデザイン トレンドであるソフト UI のルック アンド フィールが好きなら、このダッシュボードに夢中になるでしょう。組み立てられ、見た目も素晴らしいように構築された膨大な数のコンポーネントが特徴です。
完全にコード化されたコンポーネント
Vue Soft UI ダッシュボードは、ボタン、入力、ナビゲーションバー、ナビゲーション タブ、カード、アラートなど、70 を超えるフロントエンドの個別要素で構築されており、自由に選択して組み合わせることができます。すべてのコンポーネントは色のバリエーションを取ることができ、SASS ファイルとクラスを使用して簡単に変更できます。すべての要素が実装されているため、プロトタイピングから完全に機能するコードに移行する時間を大幅に節約できます。
この無料の Bootstrap 5 および VueJS 3 ダッシュボードには、事前に構築されたデザイン ブロックが付属しているため、開発プロセスはシームレスであり、ページから実際の Web サイトへの切り替えは非常に簡単です。
すべてのコンポーネントをここで表示します。
開発者が作成したドキュメント
各要素は、非常に複雑なドキュメントで適切に表現されています。ドキュメントの詳細については、こちらをご覧ください。
サンプルページ
インスピレーションを得たい場合、またはクライアントに直接何かを見せたい場合は、事前に構築されたサンプル ページを使用して開発をすぐに開始できます。どのページも適切な間隔で配置されており、魅力的なレイアウトと心地よい形が施されています。スマート ホーム、仮想現実、自動車向けに特別に設計されたダッシュボードから CRM 管理者まで、Vue Soft UI ダッシュボードには、素晴らしいプロジェクトを迅速にセットアップするために必要なものがすべて揃っています。
ここでサンプルページをご覧ください。
役立つリンク
Github リポジトリを表示する
FAQページを確認する
このダッシュボードの開発中に、私たちは優れた開発者からの多くの既存のリソースを使用しました。ツールをオープンソースで提供してくれた彼らに感謝したいと思います。
Popper.js - ポッパーの管理に使用される Kickass ライブラリ
分析ツールの Nepcha Analytics。 Nepcha はすでに Vue Soft UI ダッシュボードと統合されています。これを使用して、トラフィックのソースに関する洞察を得ることができます。
以下であなたのご意見をお聞かせください。そして開発頑張ってください!
バージョン
デモ
クイックスタート
展開する
ドキュメント
ファイル構造
ブラウザのサポート
リソース
問題の報告
テクニカルサポートまたは質問
ライセンス
役立つリンク
Soft UI ダッシュボードのドキュメントは、当社の Web サイトでホストされています。
ダウンロード内には、次のディレクトリとファイルがあります。
vue-soft-ui-dashboard ├── public │ ├── favicon.png │ └── index.html ├── src │ ├── assets │ │ ├── css │ │ ├── fonts │ │ ├── img │ │ ├── js │ │ └── scss │ ├── components │ │ ├── Icon │ │ ├── SoftAlert.vue │ │ ├── SoftAvatar.vue │ │ ├── SoftBadge.vue │ │ ├── SoftButton.vue │ │ ├── SoftCheckbox.vue │ │ ├── SoftInput.vue │ │ ├── SoftPagination.vue │ │ ├── SoftPaginationItem.vue │ │ ├── SoftProgress.vue │ │ ├── SoftRadio.vue │ │ ├── SoftSwitch.vue │ │ └── SoftTextarea.vue │ ├── examples │ │ ├── Cards │ │ ├── Charts │ │ ├── Navbars │ │ ├── PageLayout │ │ ├── Sidenav │ │ ├── Breadcrumbs.vue │ │ ├── Configurator.vue │ │ └── Footer.vue │ ├── router │ ├── store │ ├── views │ │ ├── components │ │ ├── Billing.vue │ │ ├── Dashboard.vue │ │ ├── Home.vue │ │ ├── Profile.vue │ │ ├── Rtl.vue │ │ ├── SignIn.vue │ │ ├── SignUp.vue │ │ ├── Tables.vue │ │ └── VirtualReality.vue │ ├── App.vue │ ├── main.js │ └── soft-ui-dashboard.js ├── .browserslistrc ├── .eslintrc.js ├── .gitignore ├── babel.config.js ├── CHANGELOG.md ├── ISSUE_TEMPLATE.md ├── LICENSE.md ├── package.json └── README.md
現時点では、次のブラウザの最後の 2 つのバージョンを正式にサポートすることを目指しています。
ライブプレビュー
ダウンロードページ
ドキュメントはこちら
ライセンス契約
サポート
問題: Github の問題ページ
Nepcha Analytics - ウェブサイトの分析ツール
Soft UI Dashboard PRO React の公式バグ トラッカーとして GitHub Issues を使用しています。問題を報告したいユーザーへのアドバイスは次のとおりです。
最新バージョンの Soft UI ダッシュボード PRO React を使用していることを確認してください。弊社 Web サイトのダッシュボードから CHANGELOG を確認してください。
問題に対する再現可能な手順を提供していただくと、問題の修正にかかる時間が短縮されます。
一部の問題はブラウザーに固有である可能性があるため、どのブラウザーで問題が発生したかを指定すると役立つ場合があります。
ご質問がある場合、または製品の統合についてサポートが必要な場合は、問題を解決するのではなく、お問い合わせください。
Copyright 2021 クリエイティブティム
クリエイティブティムライセンス
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