# coreui/coreui-free-bootstrap-admin-template

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/coreui-coreui-free-bootstrap-admin-template).**

12,220 stars · 3,136 forks · HTML · MIT

## Links

- GitHub: https://github.com/coreui/coreui-free-bootstrap-admin-template
- Homepage: https://coreui.io/product/free-bootstrap-admin-template/
- awesome-repositories: https://awesome-repositories.com/repository/coreui-coreui-free-bootstrap-admin-template.md

## Topics

`admin` `admin-dashboard` `admin-panel` `admin-template` `admin-theme` `admin-ui` `adminlte` `bootstrap` `bootstrap-admin` `bootstrap-admin-dashboard` `bootstrap-admin-panel` `bootstrap-admin-template` `bootstrap-admin-template-free` `bootstrap5` `bootstrap5-template` `css` `dashboard` `scss` `template` `theme`

## Description

CoreUI Free Bootstrap Admin Template is a pre-built, responsive admin dashboard template built on Bootstrap 5 for constructing back-office interfaces. It provides a library of UI components with native wrappers for React, Vue, and Angular applications, alongside a Sass-based theming system for managing brand colors, dark mode, and design tokens via variables and CSS custom properties.

The template includes a set of advanced form controls such as autocomplete, date pickers, and multi-step wizards with built-in validation, and supports switching the entire interface between built-in dark and light color themes. It integrates third-party tools like Chart.js, Full Calendar, and DataTables as pre-configured dashboard widgets, and offers a responsive grid layout system that adapts to desktop, tablet, and mobile screens.

The project provides a collection of ready-to-use UI components, forms, helpers, and plugins for rapid page construction, including navigation elements, content containers, and notification components. It also supports build-time static page generation for improved loading performance and search engine visibility.

## Tags

### User Interface & Experience

- [Admin Dashboard Templates](https://awesome-repositories.com/f/user-interface-experience/component-utilities/ui-frameworks/component-libraries/ecosystem-specific-libraries/vue-ui-libraries/admin-dashboard-templates.md) — A pre-built, responsive admin dashboard template built on Bootstrap 5 for back-office interfaces.
- [Multi-Framework Integrations](https://awesome-repositories.com/f/user-interface-experience/component-utilities/ui-frameworks/component-libraries/ui-framework-components/multi-framework-integrations.md) — Uses the same UI components across Angular, React, Vue.js, and plain Bootstrap 5. ([source](https://cdn.jsdelivr.net/gh/coreui/coreui-free-bootstrap-admin-template@main/README.md))
- [Light and Dark Theme Systems](https://awesome-repositories.com/f/user-interface-experience/css-variable-theming/light-and-dark-theme-systems.md) — Supports switching the entire interface between built-in dark and light color themes.
- [Preprocessor Theming Frameworks](https://awesome-repositories.com/f/user-interface-experience/css-variable-theming/light-and-dark-theme-systems/preprocessor-theming-frameworks.md) — Controls brand colors and dark mode transitions through Sass variables and CSS custom properties.
- [UI Component Libraries](https://awesome-repositories.com/f/user-interface-experience/custom-widget-frameworks/extensible-widget-toolkits/ui-component-libraries.md) — Composes dashboards, tables, forms, and navigation panels using a library of ready-made UI widgets. ([source](https://coreui.io/product/vue-dashboard-template/))
- [Content Cards](https://awesome-repositories.com/f/user-interface-experience/data-display-components/content-cards.md) — Creates flexible, extensible boxes for displaying mixed content such as text, images, lists, and links. ([source](https://coreui.io/bootstrap/docs/components/card/))
- [Data Entry Forms](https://awesome-repositories.com/f/user-interface-experience/data-tables/data-entry-forms.md) — Ships advanced form controls like autocomplete, date pickers, and multi-step wizards.
- [Data Tables](https://awesome-repositories.com/f/user-interface-experience/data-tables/table-data-syncers/data-tables.md) — Provides DataTables integration with built-in pagination, sorting, and search. ([source](https://coreui.io/product/next-js-dashboard-template/))
- [Form Input Validation](https://awesome-repositories.com/f/user-interface-experience/form-input-validation.md) — Checks user input against defined rules and shows inline feedback before submission. ([source](https://coreui.io/product/next-js-dashboard-template/))
- [Advanced Form Control Kits](https://awesome-repositories.com/f/user-interface-experience/form-input-validation/advanced-form-control-kits.md) — Provides a set of advanced form controls including autocomplete, date pickers, and multi-step wizards with validation.
- [Generic Button Components](https://awesome-repositories.com/f/user-interface-experience/generic-button-components.md) — Creates clickable UI elements that trigger actions, supporting various styles, sizes, and states. ([source](https://coreui.io/bootstrap/docs/components/button/))
- [Native UI Component Libraries](https://awesome-repositories.com/f/user-interface-experience/native-ui-component-libraries.md) — Provides native UI component wrappers for React, Vue, and Angular applications.
- [Responsive Grid Layouts](https://awesome-repositories.com/f/user-interface-experience/responsive-grid-layouts.md) — Arranges content in a flexible, mobile-first grid that adapts to all screen sizes.
- [Sass Abstractions](https://awesome-repositories.com/f/user-interface-experience/styling-theming-systems/content-styling/styling-architectures/styling-systems/component-style-customization/css-variable-styling-systems/sass-abstractions.md) — Controls brand colors, dark mode, and design tokens via Sass variables and CSS custom properties.
- [Close Buttons](https://awesome-repositories.com/f/user-interface-experience/ui-components/feedback-overlay-components/close-buttons.md) — Provides close buttons with accessible text for dismissing UI components. ([source](https://coreui.io/bootstrap/docs/components/close-button/))
- [Multi-Panel Keep-Open](https://awesome-repositories.com/f/user-interface-experience/accordions/multi-panel-keep-open.md) — Supports keeping multiple accordion panels open at once for flexible content display. ([source](https://coreui.io/bootstrap/docs/components/accordion/))
- [Alerts & Notifications](https://awesome-repositories.com/f/user-interface-experience/alerts-notifications.md) — Displays contextual alert messages with dismiss buttons for user notifications. ([source](https://coreui.io/bootstrap/docs/components/alert/))
- [Card Background and Border Styling](https://awesome-repositories.com/f/user-interface-experience/border-styling-utilities/card-background-and-border-styling.md) — Provides utility classes for applying background and border styles specifically to card components. ([source](https://coreui.io/bootstrap/docs/components/card/))
- [Callouts](https://awesome-repositories.com/f/user-interface-experience/callouts.md) — Provides contextual callout blocks with headings, icons, and color-coded styling for visual distinction. ([source](https://coreui.io/bootstrap/docs/components/callout/))
- [Navigation Additions](https://awesome-repositories.com/f/user-interface-experience/card-components/navigation-additions.md) — Ships cards with built-in navigation slots for tab-like or link-based controls. ([source](https://coreui.io/bootstrap/docs/components/card/))
- [Collapsible Content Toggles](https://awesome-repositories.com/f/user-interface-experience/collapsible-content-toggles.md) — Provides collapsible content toggles with animated height transitions triggered by buttons or links. ([source](https://coreui.io/bootstrap/docs/components/collapse/))
- [Collapsible Panels](https://awesome-repositories.com/f/user-interface-experience/collapsible-panels.md) — Provides collapsible accordion panels with optional flush styling for edge-to-edge rendering. ([source](https://coreui.io/bootstrap/docs/components/accordion/))
- [Widget Customizations](https://awesome-repositories.com/f/user-interface-experience/custom-widget-frameworks/extensible-widget-toolkits/ui-component-libraries/widget-customizations.md) — Allows modifying the look and behavior of over 60 ready-made widgets through settings and variables. ([source](https://coreui.io/product/next-js-dashboard-template/))
- [Accordion Panels](https://awesome-repositories.com/f/user-interface-experience/data-display-components/accordion-panels.md) — Provides accordion panels that close other sections when one is opened. ([source](https://coreui.io/bootstrap/docs/components/collapse/))
- [Configurable Slideshows](https://awesome-repositories.com/f/user-interface-experience/data-display-components/slideshow-displays/configurable-slideshows.md) — Ships a configurable slideshow carousel with autoplay, looping, and navigation controls. ([source](https://coreui.io/bootstrap/docs/components/carousel/))
- [Calendar and Chart Integrations](https://awesome-repositories.com/f/user-interface-experience/data-tables/table-data-syncers/data-tables/calendar-and-chart-integrations.md) — Integrates Full Calendar and Chart.js plugins for calendar and chart display. ([source](https://coreui.io/product/vue-dashboard-template/))
- [Date and Time Pickers](https://awesome-repositories.com/f/user-interface-experience/date-and-time-pickers.md) — Provides calendar-based date and time picker components for form input. ([source](https://coreui.io/bootstrap/docs/forms/date-picker/))
- [Date Picker Interfaces](https://awesome-repositories.com/f/user-interface-experience/date-picker-interfaces.md) — Ships an interactive calendar component for selecting days, weeks, months, quarters, or years. ([source](https://coreui.io/bootstrap/docs/components/calendar/))
- [Range Selection](https://awesome-repositories.com/f/user-interface-experience/date-pickers/range-selection.md) — Provides a two-calendar dropdown for selecting start and end dates with optional time granularity. ([source](https://coreui.io/bootstrap/docs/components/calendar/))
- [Dropdowns](https://awesome-repositories.com/f/user-interface-experience/dropdowns.md) — Creates toggleable dropdown menus with single and split-button variants. ([source](https://coreui.io/bootstrap/docs/components/dropdown/))
- [Embedded Maps and Charts](https://awesome-repositories.com/f/user-interface-experience/embedded-maps-and-charts.md) — Integrates Chart.js and Google Maps as pre-configured dashboard widgets. ([source](https://coreui.io/product/next-js-dashboard-template/))
- [Form and Input Management](https://awesome-repositories.com/f/user-interface-experience/form-and-input-management.md) — Provides a collection of form controls including autocomplete, date pickers, and select menus. ([source](https://coreui.io/product/bootstrap-dashboard-template/))
- [Floating Labels](https://awesome-repositories.com/f/user-interface-experience/form-components/floating-labels.md) — Wraps text inputs and labels so the label floats above the field when the user types. ([source](https://coreui.io/bootstrap/docs/forms/floating-labels/))
- [Checkbox Inputs](https://awesome-repositories.com/f/user-interface-experience/form-input-components/checkbox-inputs.md) — Provides styled checkbox inputs for selecting one or more options from a set. ([source](https://coreui.io/bootstrap/docs/forms/checkbox/))
- [Form Input Controls](https://awesome-repositories.com/f/user-interface-experience/form-input-controls.md) — Provides ready-to-use form elements like autocomplete, date pickers, select menus, and validation. ([source](https://coreui.io/product/bootstrap-dashboard-template/))
- [Image Overlays](https://awesome-repositories.com/f/user-interface-experience/image-cards/image-overlays.md) — Ships card components that support placing text content over a background image. ([source](https://coreui.io/bootstrap/docs/components/card/))
- [Breadcrumb Navigations](https://awesome-repositories.com/f/user-interface-experience/links/categorization/navigation-hierarchies/breadcrumb-navigations.md) — Displays breadcrumb navigation trails showing the user's current location in the site hierarchy. ([source](https://coreui.io/bootstrap/docs/components/breadcrumb/))
- [Navigation Headers](https://awesome-repositories.com/f/user-interface-experience/navigation-headers.md) — Adds full-height navigation items and dropdown menus inside the header for primary site navigation. ([source](https://coreui.io/bootstrap/docs/components/header/))
- [Notification Badges](https://awesome-repositories.com/f/user-interface-experience/notification-badges.md) — Shows numeric count badges inside buttons or links to indicate item quantities. ([source](https://coreui.io/bootstrap/docs/components/badge/))
- [Page Footers](https://awesome-repositories.com/f/user-interface-experience/page-footers.md) — Provides a site-wide footer component for displaying copyrights, links, and company information. ([source](https://coreui.io/bootstrap/docs/components/footer/))
- [Responsive Images](https://awesome-repositories.com/f/user-interface-experience/responsive-images.md) — Ships utility classes for fluid image scaling that maintains aspect ratios. ([source](https://coreui.io/bootstrap/docs/components/image/))
- [Navigation Collapsibles](https://awesome-repositories.com/f/user-interface-experience/responsive-navigation-headers/navigation-collapsibles.md) — Creates a top navigation bar that collapses on smaller screens using a collapse plugin. ([source](https://coreui.io/bootstrap/docs/components/header/))
- [CSS Variable Overrides](https://awesome-repositories.com/f/user-interface-experience/styled-properties/visual-property-editors/css-variable-overrides.md) — Allows real-time styling adjustments by overriding local CSS custom properties.
- [Header Element Customizations](https://awesome-repositories.com/f/user-interface-experience/styling-theming-systems/content-styling/component-styling-tools/component-styling/theme-style-customizations/header-element-customizations.md) — Ships CSS custom properties for real-time header color, padding, border, and hover state adjustments. ([source](https://coreui.io/bootstrap/docs/components/header/))
- [Autocomplete Inputs](https://awesome-repositories.com/f/user-interface-experience/text-input-widgets/autocomplete-inputs.md) — Provides autocomplete inputs that filter options from local or remote data sources. ([source](https://coreui.io/bootstrap/docs/forms/autocomplete/))
- [Image Thumbnails](https://awesome-repositories.com/f/user-interface-experience/ui-components/image-view-components/image-thumbnails.md) — Provides CSS classes for adding rounded, bordered thumbnail styling to images. ([source](https://coreui.io/bootstrap/docs/components/image/))

### Web Development

- [Admin Layout Responsive Adapters](https://awesome-repositories.com/f/web-development/responsive-layout-adaptation/admin-layout-responsive-adapters.md) — Builds full-featured back-office interfaces that adapt to desktop, tablet, and mobile screens.
- [Admin Panel Frameworks](https://awesome-repositories.com/f/web-development/admin-panel-frameworks.md) — Provides a pre-built, responsive admin dashboard template for constructing back-office interfaces. ([source](https://coreui.io/product/angular-dashboard-template/))
- [Multi-Framework Component Wrappers](https://awesome-repositories.com/f/web-development/multi-framework-component-wrappers.md) — Wraps Bootstrap 5 UI components into framework-specific packages for React, Vue, and Angular.
- [Adaptive Layout Systems](https://awesome-repositories.com/f/web-development/responsive-layout-adaptation/admin-layout-responsive-adapters/adaptive-layout-systems.md) — Ships an adaptive layout system for building administration panels and dashboards.
- [UI Component Libraries](https://awesome-repositories.com/f/web-development/ui-component-libraries.md) — Offers a library of ready-to-use UI components, forms, helpers, and plugins for rapid page construction. ([source](https://coreui.io/product/angular-dashboard-template/))
- [Form Validation Libraries](https://awesome-repositories.com/f/web-development/form-validation-libraries.md) — Combines ready-made form controls with built-in validation to collect and verify user data. ([source](https://coreui.io/product/vue-dashboard-template/))
- [RTL Layouts](https://awesome-repositories.com/f/web-development/internationalization-localization/rtl-layouts.md) — Supports right-to-left layout mirroring for internationalized interfaces.

### Part of an Awesome List

- [Charts and Visualization](https://awesome-repositories.com/f/awesome-lists/data/charts-and-visualization.md) — Integrates Chart.js, Full Calendar, and DataTables for rich data visualization. ([source](https://coreui.io/product/bootstrap-dashboard-template/))
- [Forms and Inputs](https://awesome-repositories.com/f/awesome-lists/devtools/forms-and-inputs.md) — Ships a collection of advanced form controls including autocomplete, date pickers, and multi-select inputs. ([source](https://coreui.io/product/react-dashboard-template/))
- [Icon Sets](https://awesome-repositories.com/f/awesome-lists/devtools/icon-sets.md) — Includes over 500 free icons in SVG, webfont, and raster formats for use in web applications. ([source](https://cdn.jsdelivr.net/gh/coreui/coreui-free-bootstrap-admin-template@main/README.md))
- [Text Input Fields](https://awesome-repositories.com/f/awesome-lists/devtools/text-inputs/text-input-fields.md) — Provides styled text input fields for collecting user data within form layouts. ([source](https://coreui.io/bootstrap/docs/forms/input/))

### Development Tools & Productivity

- [Pre-Built Dashboard Page Assemblers](https://awesome-repositories.com/f/development-tools-productivity/dashboard-creation/data-dashboard-assemblers/pre-built-dashboard-page-assemblers.md) — Assembles responsive back-office interfaces using pre-built components, forms, helpers, and utilities. ([source](https://coreui.io/product/bootstrap-dashboard-template/))
- [UI Component Asset Libraries](https://awesome-repositories.com/f/development-tools-productivity/pre-built-sdk-distributions/ui-component-asset-libraries.md) — Offers a library of ready-to-use UI components, forms, helpers, and plugins for admin interfaces. ([source](https://coreui.io/product/free-bootstrap-admin-template/))

### Content Management & Publishing

- [Static Page Rendering](https://awesome-repositories.com/f/content-management-publishing/static-page-rendering.md) — Generates static HTML pages during the build step for instant loading and SEO.

### Software Engineering & Architecture

- [Third-Party Library Integrations](https://awesome-repositories.com/f/software-engineering-architecture/integration-extensibility/extensibility/third-party-plugins/plugin-integrations/third-party-library-integrations.md) — Integrates Chart.js, Full Calendar, and DataTables as pre-configured dashboard widgets. ([source](https://coreui.io/product/bootstrap-dashboard-template/))
- [UI Component Embeds](https://awesome-repositories.com/f/software-engineering-architecture/integration-extensibility/extensibility/third-party-plugins/ui-component-embeds.md) — Embeds third-party tools like Chart.js, Full Calendar, and DataTables as pre-configured widgets.