Awesome MDBootstrap

MDBootstrapを扱う資料や関連プロジェクトをまとめたAwesomeリストです。

リソース

MDBootstrap公式のプロジェクトとリソースです。

無料

MDB Standard Free - ダウンロード無料のオープンソースBootstrap 5 UI Kit。
MDB Angular Free - Material Designを備えたBootstrap 5・Angular 11向け無料UI KIT。
MDB React Free - Material Designを備えたBootstrap 5・React 17向け無料UI KIT。
MDB Vue Free - Material Designを備えたBootstrap 5・Vue 3向け無料UI KIT。

Pro

MDB Standard Pro - 最新のBootstrap 5向けプレミアムUI Kit。5,000以上のプレミアムコンポーネント、数千のテンプレート、プラグイン、デザインブロックを永続利用できます。
MDB Angular Pro - Angular対応Bootstrap 5向けMaterial Design。
MDB React Pro - React対応Bootstrap 5向けMaterial Design。
MDB Vue Pro - Vue対応Bootstrap 5向けMaterial Design。

コミュニティ

Snippets - MDBootstrapで作られたプロジェクト。
Support - 技術的な問題を解決できる場所。

便利なリンク

MDBootstrap公式のプロジェクトとリソースです。

Snippets - Bootstrapコード例とプラグインの最良の情報源。
LAB - MDBコミュニティによる刺激的なコンセプトと実験。
UI/UX Tips - デザインを改善する、素早く簡単に実装できるヒント。
Services - 自社製品へ導入しているため、開発者はこれらのツールに固有の経験を持ち、ほかにも多様な解決策を使っています。
Visual Studio Code snippets - 人気のMDB 5コンポーネントの便利なスニペットをVisual Studio Codeへ追加する拡張機能。
Angular Visual Studio Code snippets - MDB Angular向け、Angular Bootstrap UI KITのスニペットを追加する拡張機能。
Webpack starter - Webpack Starterの機能を詳しく説明するガイド。
Reviews - mdbootstrapへの利用者フィードバック。

記事

コミュニティへ貢献して技術知識を共有する、または他者の記事を読むことができます。

Technology comparision - 2022年に最適なJavaScriptフレームワークは何か。
Articles - コミュニティへ貢献して技術知識を共有する、または他者の記事を読むことができます。

ツール

MDBootstrapを使ったアプリ構築を助けるツールとユーティリティです。

Logo generator - 5分で上品かつスタイリッシュなロゴを作成。
CSS Masks & Glassmorphism Generator - デザインに最適なマスクを生成。
Instagram filters CSS generator - 有名なInstagramフィルターをCSS経由で使い、プロジェクトへ適用。
CSS gradients generator - デザインに最適なグラデーションを生成。
Fancy border radius generator - border-radius生成器で変わった形状を作成。
Meta tags generator - SEOを整え、Googleとソーシャルメディア向けの正確なメタデータを生成。
Cards generator - カスタム形状、ボタン、色、サイズを持つbootstrapカードを作成。
Buttons generator - カスタムアイコン、テキスト、形状、色、サイズを持つbootstrapボタンを作成。
Charts creator - 簡単に使えるグラフビルダー（円、折れ線、棒グラフ）。
Shadows generator - デザインに最適な影を生成。
SVG waves generator - 美しいSVG形状を簡単に生成してデザインへ適用。
Datatables builder - 5分で上品かつスタイリッシュなロゴを作成。
Alerts generator - カスタム形状、ボタン、色、サイズを持つbootstrapアラートを作成。
Modals generator - カスタム形状、サイズ、アニメーションを持つbootstrapモーダルを作成。
Icons generator - 1,600以上のアイコン。サイズ、色、アニメーションをカスタムしたbootstrapアイコンを作成。
Table generator - サイズ、色、アニメーションをカスタムしたbootstrapテーブルを作成。
Flexbox generator - Bootstrap 5でflexboxを作成・テストする最も簡単で高速な方法。
Footer generator - コピーライト、ボタン、フォーム、リンク、色、サイズをカスタムしたbootstrapフッターを作成。
Navbar generator - 色、ブランド、アイコン、フォーム、配置をカスタムしたbootstrapナビゲーションバーを作成。

データグリッド

テーブルコンポーネントでプロジェクトの機能を拡張します。

GetDataDen - 究極のカスタマイズ可能なデータグリッド。
Advanced data structure - 最新かつ高度なデータ構造。各列（ソート、幅、リサイズ、フィールド）をカスタマイズし、各行の値をfieldが指定キー値と等しい列へ対応付けます。
Draggable columns - ドラッグ可能な列でシームレスに操作。クリック、ドラッグ、ドロップでデータ表示を必要どおりにカスタマイズできます。
Pagination - シンプルで直感的なページネーション制御を統合し、大規模データセットを扱う方法を学びます。
Column search - 検索列で情報を素早く見つけ、DataDenグリッドをより効率的に管理します。
Cell formatting - 色、フォント、スタイルでセルの外観を調整し、明瞭で効果的なデータグリッドにします。
Compact version - 高度なCSSカスタマイズで色、フォント、レイアウトを整え、視覚的一貫性と機能性の高いデータインターフェースを作成。

CLIとホスティング

さまざまなプロジェクトを作成できる強力なツール。難しい構成とデプロイは不要です。

MDB CLI - 一つのコマンドでプロジェクトを作成、デプロイ、ホスト。
Quick Start - MDB CLIを簡単かつ迅速に始め、可能性を最大限に使う方法。
Getting Started - プロジェクト作成とデプロイを段階的に説明。
Overview - 異なる操作を実行する方法のガイド。

TW Elementsの便利なリンク（Tailwind CSS）

Tailwind CSS向けのオープンソースコンポーネント、テンプレート、プラグイン集。簡単にカスタマイズでき、パフォーマンスへ最適化されています。

UI Kit - Tailwind CSSで再現したBootstrapコンポーネント。より良いデザインと多くの機能を提供。

TW Elements integrationsと人気技術の統合。

学習

最新のBootstrap、Material Design、HTML、CSS、JavaScript向けに整理された最新チュートリアルシリーズです。