Repolode
coreui

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. 1

    リポジトリをクローンする

    git clone https://github.com/coreui/coreui-free-bootstrap-admin-template.git my-project
  2. 2

    プロジェクトディレクトリに移動する

    cd my-project
  3. 3

    依存関係をインストールする

    npm install
  4. 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 の数値は毎日更新されます。

関連プロジェクト