coreui-free-bootstrap-admin-template README

The project's README from github.com/coreui/coreui-free-bootstrap-admin-template. As one markdown file: README.md.

CoreUI Free Bootstrap Admin Template — Built for AI-Assisted Development Tweet

License: MIT @coreui coreui npm package NPM downloads

Bootstrap Admin Template

CoreUI Bootstrap Admin Panel Template is not another blend of 3rd parties free components and libraries. It's the only Open Source Bootstrap Admin Dashboard Template built on the enterprise-grade hand-crafted UI Components Library created and backed by professionals. CoreUI Admin Template helps you build reliable web apps faster than before. CoreUI offers 4 versions: Angular, Bootstrap, React.js, and Vue.js.

Curious why I decided to create CoreUI? Please read this article: Jack of all trades, master of none. Why Bootstrap Admin Templates suck.

Table of Contents

Frameworks

CoreUI is built on top of Bootstrap 5 and supports popular frameworks.

CoreUI PRO

CoreUI PRO Bootstrap Admin Templates

Default Theme Light Theme
CoreUI PRO Bootstrap Admin Template CoreUI PRO Bootstrap Admin Template
Modern Theme Bright Theme
CoreUI PRO Bootstrap Admin Template CoreUI PRO Bootstrap Admin Template

CoreUI Icons (522 Free icons) - Premium designed free icon set with marks in SVG, Webfont and raster formats.

CoreUI Icons are beautifully crafted symbols for common actions and items. You can use them in your digital products for web or mobile app. Ready-to-use fonts and stylesheets that work with your favorite frameworks.

CoreUI Free Icons

Download CoreUI Free Icons

Data Grid

CoreUI JavaScript Data Grid handles 100,000+ rows with sorting, filtering, virtualization, column pinning, inline editing and CSV export — using the same markup and stylesheet this template already uses.

npm install @coreui/data-grid

One license also covers React, Vue and Angular. It's a separate add-on, not part of CoreUI PRO.

Scheduler

CoreUI JavaScript Scheduler ships six views — day, week, month, agenda, resources, and timeline — with drag & drop, RFC 5545 recurrence, and DST-safe time handling, using the same markup and stylesheet this template already uses.

npm install @coreui/scheduler

One license also covers React, Vue and Angular. It's a separate add-on, not part of CoreUI PRO.

Installation

Clone repo

# clone the repo
$ git clone https://github.com/coreui/coreui-free-bootstrap-admin-template.git my-project

# go into app's directory
$ cd my-project

# install app's dependencies
$ npm install

Usage

# serve with hot reload at localhost:3000.
$ npm start

# build for production with minification
$ npm run build

What's included

Within the download you'll find the following directories and files, logically grouping common assets and providing both compiled and minified variations. You'll see something like this:

free-bootstrap-admin-template/
├── build/
├── src/
│   ├── assets/
│   │   ├── brand/
│   │   ├── favicon/
│   │   └── img/
│   ├── js/
│   ├── pug/
│   │   ├── _layout/
│   │   ├── _mixins/
│   │   ├── _partials/
│   │   └── views/
│   │       ├── authentication/
│   │       ├── components/
│   │       ├── error-pages/
│   │       ├── forms/
│   │       ├── icons/
│   │       ├── index.pug
│   │       └── ...
│   ├── scss/
│   └── views/
│       ├── authentication/
│       ├── components/
│       ├── error-pages/
│       ├── forms/
│       ├── icons/
│       ├── index.html
│       └── ...
└── package.json

AI-Friendly Development

This template is optimized for AI-assisted development, making it easier to work with AI coding assistants like Cursor, Claude Code, and GitHub Copilot.

What's Included

Benefits

Quick Start with AI

Simply open the project in your AI-powered IDE (Cursor, VS Code with Copilot, etc.) and the AI will automatically understand:

Documentation

The documentation for the CoreUI Free Bootstrap Admin Template is hosted at our website CoreUI

Components

CoreUI Bootstrap Admin Templates are built on top of CoreUI and CoreUI PRO UI components libraries, including all of these components.

Contributing

Please read through our contributing guidelines. Included are directions for opening issues, coding standards, and notes on development.

Editor preferences are available in the editor config for easy use in common text editors. Read more and download plugins at http://editorconfig.org.

Versioning

For transparency into our release cycle and in striving to maintain backward compatibility,CoreUI Free Admin Template is maintained under the Semantic Versioning guidelines.

See the Releases section of our project for changelogs for each release version.

Creators

Łukasz Holeczek

Andrzej Kopański

CoreUI Team

Community

Get updates on CoreUI's development and chat with the project maintainers and community members.

Support CoreUI Development

CoreUI is an MIT-licensed open source project and is completely free to use. However, the amount of effort needed to maintain and develop new features for the project is not sustainable without proper financial backing. You can support development by buying the CoreUI PRO or by becoming a sponsor via Open Collective.

copyright 2026 creativeLabs Łukasz Holeczek. Code released under the MIT license.

coreui-free-bootstrap-admin-template (coreui/coreui-free-bootstrap-admin-template)

Searching Database…

这是什么?一个免费开源的 Bootstrap 5 管理后台模板,基于 CoreUI 自主开发的手工打造 UI 组件库构建,可作为搭建管理后台和仪表盘的起点。
这是现成的应用,还是我需要在其基础上搭建的 UI 模板?这是一个基于 Bootstrap 5 的前端 UI 模板和组件库,并不是可以直接运行的独立应用。你需要取用其中的 HTML/SCSS/JS 文件,在此基础上搭建自己的项目。
我该如何在本地运行它?克隆仓库,然后安装 npm 依赖并运行构建脚本(例如 'css'、'js' 和 'build' 这几个 npm-run-all 任务),将 SCSS 和 JS 编译到 dist 文件夹中。
构建它需要先安装什么?运行构建流程需要 Node.js 和 npm,该流程依赖 @coreui/coreui、@coreui/icons、@coreui/chartjs、chart.js、simplebar、sass、stylelint 和 ESLint 等软件包。
免费版与 CoreUI PRO 相比缺少哪些功能?免费模板不包含 PRO 专属组件(如 Autocomplete、Calendar、Date Picker、Multi Select、Stepper、Rating 等)。Data Grid 和 Scheduler 属于单独付费的附加组件,免费模板和 CoreUI PRO 都不包含它们。
除了原生 Bootstrap,CoreUI 还提供其他框架的版本吗?有的。除了这款 Bootstrap 模板,CoreUI 还提供专门的 Angular、React.js 和 Vue.js 管理后台模板,均包括免费版和 PRO 版。
AI 辅助开发环境包含哪些内容?仓库附带 .cursorrules 上下文文件、ARCHITECTURE.md、DEVELOPMENT.md 以及带 JSDoc 注释的 JS 模块,让 Cursor、Claude Code 和 GitHub Copilot 开箱即可理解项目的 Bootstrap/Pug/SCSS 约定。
为什么不直接使用原生 Bootstrap 组件?CoreUI 在 Bootstrap 5 之上封装了自己手工打造的组件库(侧边栏、图表、表格等),而不是拼凑各种第三方插件,因此组件风格统一,并且有完整文档。
免费模板包含哪些 UI 组件?包含数十个 Bootstrap 组件,例如 Accordion、Alert、Avatar、Badge、Card、Modal、Navbar、Sidebar、Table 和 Tooltip。部分高级组件(Autocomplete、Date Picker、Stepper、Rating)则仅限 CoreUI PRO 使用。
Creator
coreui
Size
33.9 MB
Stars
12.3K
Age
10y
Commits · 90 Days