Repolode
投稿する
ColorlibHQ

ColorlibHQ/AdminLTE

Bootstrap 5.3と素のJavaScriptで構築された、MITライセンスの無料管理ダッシュボードテンプレート。

GitHub で見る公式サイト
スター
45,664
フォーク
18,131
未解決の Issue
1
最終コミット
14 日前

これは何？

AdminLTEは、Bootstrap 5.3と素のJavaScriptで構築された管理ダッシュボードテンプレートで、jQueryへの依存はありません。モバイルからデスクトップまで画面サイズに応じてレイアウトが変わり、ダークモードとRTLにも対応しているため、レイアウトを一から設計せずにバックオフィス向けの画面を作り始められます。

v4には、カレンダー、カンバン、チャット、ファイルマネージャー、メールボックス、複数ステップのウィザードフォーム、Tabulatorを使ったデータテーブル、プロフィールと設定のページ、エラーページなど、一般的なアプリケーションのニーズをカバーするデモページが用意されています。テーマはBootstrapのdata-bs-theme属性で切り替えられ、追加のカラープリセットを使えるオプトイン形式のスタイルシートもあります。

CDN、npm（admin-lte@4）、Composer経由で利用できます。React、Next.js、Vue、Nuxt、Angular、Laravel、Django、Symfony、ASP.NET Core、Drupal向けの公式版は、それぞれ別のリポジトリで管理されています。

主な機能

  • 01Bootstrap 5.3と素のJavaScriptで構築され、jQueryへの依存なし
  • 02モバイル、タブレット、デスクトップに対応するレスポンシブレイアウト
  • 03Bootstrapのdata-bs-theme属性によるダークモードとRTLに対応
  • 04カレンダー、カンバン、チャット、ファイルマネージャー、メールボックス、ウィザードフォームのデモページ
  • 05CDN、npm、Composer経由でインストール可能

ユースケース

  • 社内管理パネルやバックオフィスツールのフロントエンドを作り始める
  • 既成のページやコンポーネントを使ってSaaSダッシュボードをプロトタイプする
  • サーバーサイドレンダリングのWebアプリにBootstrapベースの管理画面を追加する

クイックスタート

  1. 1

    npm でインストール

    npm install admin-lte@4
  2. 2

    または CDN 経由で読み込む（ビルド不要）

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/admin-lte@4/dist/css/adminlte.min.css">
  3. 3

    AdminLTE 自体を開発するには、まず `npm ci` を実行してから開発サーバーを起動します

    npm start

使う前に知っておきたいこと

  • プロジェクト自体の開発には、Node.js 22.22.3 以降、24.16.0 以降、または 26.3.0 以降と、npm 10 以降が必要です。
  • HTML/Bootstrap 用のテンプレートです。各フレームワーク版は別のリポジトリで公開されています。

トピック

#admin-dashboard#bootstrap#bootstrap5#admin-template#css#javascript#dark-mode#responsive#admin#admin-dashboard-template

よくある質問

AdminLTE とは？
Bootstrap 5.3と素のJavaScriptで構築された、MITライセンスの無料管理ダッシュボードテンプレート。 AdminLTEは、Bootstrap 5.3と素のJavaScriptで構築された管理ダッシュボードテンプレートで、jQueryへの依存はありません。モバイルからデスクトップまで画面サイズに応じてレイアウトが変わり、ダークモードとRTLにも対応しているため、レイアウトを一から設計せずにバックオフィス向けの画面を作り始められます。
AdminLTE は無料で使えますか？ライセンスは？
AdminLTE は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
AdminLTE は今もメンテナンスされていますか？
活発にメンテナンス中。AdminLTE の最終コミットは 2026年10月8日 です。
AdminLTE は何に使えますか？
社内管理パネルやバックオフィスツールのフロントエンドを作り始める 既成のページやコンポーネントを使ってSaaSダッシュボードをプロトタイプする サーバーサイドレンダリングのWebアプリにBootstrapベースの管理画面を追加する
AdminLTE のインストール方法は？
npm でインストール: npm install admin-lte@4 または CDN 経由で読み込む（ビルド不要）: <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/admin-lte@4/dist/css/adminlte.min.css"> AdminLTE 自体を開発するには、まず `npm ci` を実行してから開発サーバーを起動します: npm start
AdminLTE はどこで入手できますか？
ソースコードとインストール手順は GitHub にあります：https://github.com/ColorlibHQ/AdminLTE

概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。

関連プロジェクト