Bootstrap 5.3と素のJavaScriptで構築された、MITライセンスの無料管理ダッシュボードテンプレート。
coreui/coreui-free-bootstrap-admin-template
CoreUI UIライブラリをベースにした、レイアウト、コンポーネント、ページを備える無料のオープンソースBootstrap 5管理画面テンプレート。
- スター
- 12,254
- フォーク
- 3,126
- 未解決の Issue
- 4
- 最終コミット
- 2 か月前
これは何?
CoreUI Free Bootstrap Admin Templateは、Bootstrap 5とCoreUI UI components libraryをベースにした、すぐに使える管理画面テンプレートです。サイドバー、ヘッダー、フッターのレイアウトに加え、ダッシュボード、フォーム、テーブル、認証フロー、エラーページ、アイコンのページを用意しています。
PugとSCSSのソースファイルが含まれており、HTMLとCSSにコンパイルできます。npm scriptsも設定済みで、ホットリロード対応のローカル開発サーバーと、圧縮を行う本番ビルドを利用できます。assets、scripts、templates、stylesを分けたプロジェクト構成です。
同じチームが提供するAngular、React.js、Vue.jsのテンプレートと並ぶ、4種類の無料版のひとつです。.cursorrules、ARCHITECTURE.md、DEVELOPMENT.mdなど、AIコーディングアシスタントがプロジェクトの規約に沿って作業できるようにするコンテキストファイルも含まれています。
主な機能
- 01サイドバー、ヘッダー、フッターを備えたBootstrap 5ベースの管理画面レイアウト
- 02ダッシュボード、フォーム、テーブル、認証、エラーページをあらかじめ用意
- 03HTMLとCSSにコンパイルできるPugとSCSSのソースファイル
- 04ホットリロード対応の開発サーバーと、圧縮された本番ビルド用のnpm scripts
- 05CursorやClaude CodeなどのAIコーディングアシスタント向けコンテキストファイル
ユースケース
- Bootstrapを使って社内管理パネルやバックオフィス向けダッシュボードを立ち上げる
- 既製のコンポーネントやページを使って管理UIをプロトタイプする
- AIコーディングアシスタントを活用してBootstrapベースのダッシュボードを構築する
クイックスタート
- 1
リポジトリをクローンする
git clone https://github.com/coreui/coreui-free-bootstrap-admin-template.git my-project - 2
プロジェクトディレクトリに移動する
cd my-project - 3
依存関係をインストールする
npm install - 4
localhost:3000 でホットリロード対応の開発サーバーを起動する
npm start
使う前に知っておきたいこと
- ドキュメントはリポジトリではなく、CoreUI のウェブサイトで公開されています。
- カレンダー、日付ピッカー、複数選択などの高度なコンポーネントは、有料の PRO 版でのみ利用できます。
トピック
よくある質問
- coreui-free-bootstrap-admin-template とは?
- CoreUI UIライブラリをベースにした、レイアウト、コンポーネント、ページを備える無料のオープンソースBootstrap 5管理画面テンプレート。 CoreUI Free Bootstrap Admin Templateは、Bootstrap 5とCoreUI UI components libraryをベースにした、すぐに使える管理画面テンプレートです。サイドバー、ヘッダー、フッターのレイアウトに加え、ダッシュボード、フォーム、テーブル、認証フロー、エラーページ、アイコンのページを用意しています。
- coreui-free-bootstrap-admin-template は無料で使えますか?ライセンスは?
- coreui-free-bootstrap-admin-template は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
- coreui-free-bootstrap-admin-template は今もメンテナンスされていますか?
- 半年以内に更新あり。coreui-free-bootstrap-admin-template の最終コミットは 2026年8月14日 です。
- coreui-free-bootstrap-admin-template は何に使えますか?
- Bootstrapを使って社内管理パネルやバックオフィス向けダッシュボードを立ち上げる 既製のコンポーネントやページを使って管理UIをプロトタイプする AIコーディングアシスタントを活用してBootstrapベースのダッシュボードを構築する
- coreui-free-bootstrap-admin-template のインストール方法は?
- リポジトリをクローンする: git clone https://github.com/coreui/coreui-free-bootstrap-admin-template.git my-project プロジェクトディレクトリに移動する: cd my-project 依存関係をインストールする: npm install localhost:3000 でホットリロード対応の開発サーバーを起動する: npm start
- coreui-free-bootstrap-admin-template はどこで入手できますか?
- ソースコードとインストール手順は GitHub にあります:https://github.com/coreui/coreui-free-bootstrap-admin-template
概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。
関連プロジェクト
レスポンシブでモバイルファーストなWebサイトを構築するための、HTML、CSS、Sass/JavaScriptコンポーネントを備えた人気のフロントエンドフレームワーク。
管理画面向けページやコンポーネント、ダークモード、RTLに対応した、無料でオープンソースのBootstrap 5 HTMLダッシュボードUIキット。
CRUD中心の管理画面、ダッシュボード、社内ツールを構築するためのヘッドレスなReactメタフレームワーク。
25以上のデータベースやあらゆるAPIに接続できる、管理画面・社内ツール・ダッシュボード構築向けのオープンソース低コードプラットフォーム。
HTMLやJSXに単一目的の小さなクラスを直接記述して、独自のUIを構築できるユーティリティファーストのCSSフレームワーク。