coreui/coreui-free-bootstrap-admin-template

★ 12,206HTMLAudience · developerComplexity · 2/5LicenseSetup · easy

Mindmap

mindmap
  root((repo))
    What it does
      Admin panel shell
      Pre-built pages
      AI editor rules
    Tech stack
      Bootstrap 5
      SCSS and Pug
      Angular React Vue
    Use cases
      Internal dashboards
      SaaS back-office
      Rapid prototyping
    Audience
      Web developers
      Vibe coders
    Setup
      npm install
      npm start

mindmap root((repo)) What it does Admin panel shell Pre-built pages AI editor rules Tech stack Bootstrap 5 SCSS and Pug Angular React Vue Use cases Internal dashboards SaaS back-office Rapid prototyping Audience Web developers Vibe coders Setup npm install npm start

Click or tap to explore — scroll the page freely

Things people build with this

USE CASE 1

Build a company internal dashboard without designing layouts from scratch by cloning and filling in the template.

USE CASE 2

Prototype an admin panel for a SaaS app with pre-built login, registration, and error pages included.

USE CASE 3

Open the project in Cursor or a similar AI editor and let the bundled rules file guide the AI to generate code that matches the template's style.

Tech stack

HTMLBootstrap 5SCSSPugJavaScriptnpm

Getting it running

Difficulty · easy Time to first run · 30min

Requires Node.js and npm, run npm install then npm start to launch a local dev server.

Use freely for any purpose, including commercial projects, as long as you keep the copyright notice.

In plain English

CoreUI Free Bootstrap Admin Template is a starting point for building internal web dashboards and admin panels. Admin panels are the management interfaces that sit behind web applications, used by teams to view data, manage users, handle orders, or perform other back-office tasks. Rather than building one from scratch, this template gives you a pre-built visual shell with a consistent layout, navigation, and components that you can fill in with your own content and data. The template is built on top of Bootstrap 5, a popular framework for building web interfaces, and uses CoreUI's own component library rather than mixing in pieces from various third-party sources. The interface includes a sidebar navigation, header, breadcrumbs, cards, charts, forms, tables, icons, and other common admin panel elements. Pages for authentication (login, registration) and error states are also included. The template is available in four framework versions: plain Bootstrap (this repository), Angular, React, and Vue. A paid PRO version exists with more themes and additional components, but the free version in this repository is MIT licensed. One angle the README emphasizes is compatibility with AI coding assistants. The project ships with configuration files specifically for Cursor and similar AI-powered editors: a rules file that describes the project's conventions so the AI understands what framework and patterns are in use, an architecture document, and a developer guide. The intent is that when you open this project in an AI-assisted editor, the AI can generate code that fits the project's style without you having to explain the setup. Installation involves cloning the repository and running npm install to download dependencies, then npm start to run a local development server. A build command compiles and minifies the files for deployment. The source files use Pug (an HTML templating language) and SCSS (a CSS preprocessor) to keep the markup and styles organized.

Copy-paste prompts

Prompt 1

Using the CoreUI Bootstrap admin template open in Cursor, generate a new page showing a data table of users with columns for name, email, role, and a delete button.

Prompt 2

Add a sidebar menu item to my CoreUI admin template that links to a new analytics dashboard page with a line chart.

Prompt 3

Convert the CoreUI template Pug files to plain HTML so I can use the template without a Node build step.

Prompt 4

Create a product form page in the CoreUI admin template with fields for name, price, category, and image upload.

Open on GitHub → Explain another repo

← coreui on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.