Free Bootstrap 5 admin & dashboard template

  • By CoreUI
  • Last update: Jan 3, 2023
  • Comments: 16

CoreUI Free Bootstrap Admin Template Tweet

License: MIT

Please help us on Product Hunt. Thanks in advance!

Bootstrap Admin Template

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

CoreUI is an Open Source Bootstrap Admin Template. But CoreUI is not just another Admin Template. It goes way beyond hitherto admin templates thanks to transparent code and file structure. And if that's not enough, let’s just add that CoreUI consists bunch of unique features and over 1000 high quality icons.

CoreUI offers 6 versions: Bootstrap, Angular, Laravel, React.js, Vue.js, and Vue.js + Laravel.

CoreUI is meant to be the UX game changer. Pure & transparent code is devoid of redundant components, so the app is light enough to offer ultimate user experience. This means mobile devices also, where the navigation is just as easy and intuitive as on a desktop or laptop. The CoreUI Layout API lets you customize your project for almost any device – be it Mobile, Web or WebApp – CoreUI covers them all!

Table of Contents

Versions

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

CoreUI Pro

CoreUI PRO Bootstrap Admin Templates

Default Theme Light Theme Dark Theme
CoreUI Pro Bootstrap Admin Template 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

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/
β”‚   β”‚   β”œβ”€β”€ icons/
β”‚   β”‚   β”œβ”€β”€ img/
β”‚   β”œβ”€β”€ js/
β”‚   β”œβ”€β”€ pug/
β”‚   β”‚   β”œβ”€β”€ _layout/
β”‚   β”‚   β”œβ”€β”€ _partial/
β”‚   β”‚   β”œβ”€β”€ base/
β”‚   β”‚   β”œβ”€β”€ buttons/
β”‚   β”‚   β”œβ”€β”€ icons/
β”‚   β”‚   β”œβ”€β”€ notifications/
β”‚   β”‚   β”œβ”€β”€ ...
β”‚   β”‚   β”œβ”€β”€ index.pug
β”‚   β”‚   └── ...
β”‚   β”œβ”€β”€ scss/
β”‚   β”œβ”€β”€ vendors/
β”‚   └── views/
β”‚       β”œβ”€β”€ base/
β”‚       β”œβ”€β”€ buttons/
β”‚       β”œβ”€β”€ css/
β”‚       β”œβ”€β”€ icons/
β”‚       β”œβ”€β”€ notifications/
β”‚       β”œβ”€β”€ ...
β”‚       β”œβ”€β”€ index.html
β”‚       └── ...
└── package.json

Documentation

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

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

Community

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

Copyright and license

copyright 2021 creativeLabs Łukasz Holeczek. Code released under the MIT license. There is only one limitation you can't can’t re-distribute the CoreUI as stock. You can’t do this if you modify the CoreUI. In past we faced some problems with persons who tried to sell CoreUI based templates.

Support CoreUI Development

CoreUI is an MIT licensed open source project and 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 CoreUI Pro Version.

We're also open to conversations regarding custom sponsorship / consulting arrangements. Get in touch on Twitter.

Github

https://github.com/coreui/coreui-free-bootstrap-admin-template

Comments(16)

  • 1

    Problems running Angular2_Dev

    After doing: npm install I get the following:

    Projects\CoreUI-Free-Bootstrap-Admin-Template\Angular2_Dev>npm start
    
    > [email protected] start ..\Projects\CoreUI-Free-Bootstrap-Admin-Template\Angular2_Dev
    > tsc && concurrently "tsc -w" "lite-server"
    
    app/widgets/widgets.component.ts(360,9): error TS1005: ',' expected.
    

    I changed the file widgets.component.ts file:

    elements: { point: { radius: 0 } },
            legend: {
                display: false
            }
    };
    

    Now, I did npm start again and I get:

    > [email protected] start \Projects\CoreUI-Free-Bootstrap-Admin-Template\Angular2_Dev
    > tsc && concurrently "tsc -w" "lite-server"
    
    app/layouts/full-layout.component.ts(3,10): error TS2305: Module '"/Projects/CoreUI-Free-Bootstrap-Admin-Template/Angular2_Dev/node_modules/ng2-bootstrap/ng2-bootstrap"' has no exported member 'DROPDOWN_DIRECTIVES'.
    app/layouts/full-layout.component.ts(4,10): error TS2305: Module '"/Projects/CoreUI-Free-Bootstrap-Admin-Template/Angular2_Dev/node_modules/ng2-bootstrap/ng2-bootstrap"' has no exported member 'TAB_DIRECTIVES'.
    node_modules/ng2-bootstrap/components/utils/components-helper.service.d.ts(45,45): error TS2315: Type 'Type' is not generic.
    node_modules/ng2-bootstrap/components/utils/components-helper.service.d.ts(56,41): error TS2315: Type 'Type' is not generic.
    app/app.module.ts(5,10): error TS2305: Module '"/Projects/CoreUI-Free-Bootstrap-Admin-Template/Angular2_Dev/node_modules/ng2-bootstrap/ng2-bootstrap"' has no exported member 'DROPDOWN_DIRECTIVES'.
    
  • 2

    Breadcrumb - Fixed position with responsive design artefacts

    Hi guys, I wanted to remove main navbar and to use the breadcrumb on main page as kind of a fixed navbar but I have an issue with it when horisontal size is small. There seems to be some interest in keeping breadcrumb fixed since I have found an old issue #214 (and solution)which by now is closed.

    What I did tthe o original solution as implemented in #214, is changed CSS to not add any margin on top, and it works for me, I get the looks and behaviour as I want when I scroll the page: Seen in a screenshot here:

    The problem is when horisontal size is reduced. As layout changes to accomodate for change, the breadcrumb slides down for quite few pixels, and due to it's z-value it cover components below when the view is scrolled. The effect is seen here:

    breadcrdump2

    I was lookiing in style.css to fix it but I don't seem to be able to find where it is defined for small sizes. Any suggestion where to look or how to fix this?

    My changes to breadcrumb-fixed style:

    .breadcrumb-fixed .main {
      /* padding-top: 3.875rem; */
    }
    
    .breadcrumb-fixed .breadcrumb {
      position: fixed;
      /* top: 55px; */
      right: 0;
      left: 0;
      z-index: 1017;
    }
    

    And I also had to add a spacer to push form below the breadcrumb:

    div.spacer {
      font-size: 0;
      height: 50px;
      line-height: 0;
    }
    
  • 3

    getting errors on npm install

    getting alot of errors when trying to npm install on v3.0.0-rc.0 you can see complete log of this run : https://paste.ubuntu.com/p/dVQv3fS9Gz/ i tried with node V12 and V13 on windows 10 and ubuntu

  • 4

    Modals behavior

    Hey , Im using the Static version of coreui , and i notice that if i create more than one modal , i have to use them in a specific order example:

    create update delete

    the createModal was created first but in order to work ,i must open delete first follow by update only them create will work.

    Anyone got any idea how to fix it.

    sorry if i miss spell some words english is not my native language.

  • 5

    [BUG] Website builds without icons or functional dropdown menu

    The issue is when building the website through npm, the end result is a website without icons or functional dropdown menus:

    Error: https://i.imgur.com/6FJQ9SE.png

    Working: https://i.imgur.com/cHHOVTn.png

    The links are there but they do not function properly as they do in the demo.

  • 6

    All modals in the doc are broken?

    Hello,

    directly on the docs here: http://coreui.io/docs/components/modal

    When I click on any demo of a modal, the modal appears with a gray overlay on the full screen making it impossible to click anywhere.

    Tried on: Safari 9 and Chrome 53 on MacOS X.

    Thanks. screen shot 2016-09-23 at 15 42 37

  • 7

    Thousands of files in node_modules folder

    I followed the installation instructions. There are thausands and thousands of files and folders in the node_modules folder. My development environment freezes and it is impossible to work with.

    coreui

    Is this by design?

  • 8

    Datatables not support ?

    I dont know if this bug or just because core-ui not supported datatables yet, but when i try to integrate datatables it seems the style is not worked like this. cap

  • 9

    Issues on RTL

    On RTL enabled if you scroll on sidebar the sidebar content will disappear (start to go right as you see in second snapshot left parameter is decreasing). if you click on any menu that has sub items before scrolling it will work fine. It could be fixed by removing. don't know side effects ;)

     .sidebar .sidebar-nav {
        position: relative;
    }
    

    and also sidebar minimizer button position and direction is not correct should be vice versa. coreui

    coreui-flow

    • Win 10
    • Chrome
    • Coreui v2.1.5 (in style.css mentioned version v2.0.12)
  • 10

    No scrollbar on load

    When loading the template first time and expanding some menus there is no scrollbar. This applies for both IE and Chrome. If I scroll down using touch screen the scrollbar appears and I can scroll down. But this means its not possible for users with a pc with no touch screen to scroll down in left navigation bar? coreui01

  • 11

    Uncaught TypeError: Cannot read property 'nodeValue' of null at coreui.min.js:6

    Just Adding to my page in view gives me this error.

    Uncaught TypeError: Cannot read property 'nodeValue' of null at coreui.min.js:6

    I can not run any jquery for my ajax requests.

    Any suggestions?

  • 12

    build(deps): bump minimatch and serve

    Bumps minimatch to 3.1.2 and updates ancestor dependency serve. These dependencies need to be updated together.

    Updates minimatch from 3.0.4 to 3.1.2

    Commits

    Updates serve from 13.0.4 to 14.1.2

    Release notes

    Sourced from serve's releases.

    14.1.2

    Patches

    • Fix: add missing CLI option to argv parser: #742

    Credits

    Huge thanks to @​casperx for helping!

    14.1.1

    Patches

    • Infra: move c8 (coverage) to devDeps: #743

    Credits

    Huge thanks to @​AviVahl for helping!

    14.1.0

    Minor Changes

    • Feat: Add support for PFX or PKCS12 encoded certificates: #708
    • Feat: add request logging: #716

    Patches

    • Docs(readme): add note about using node 14+: #715
    • Tests: add cli unit tests: #719
    • Test: Included tests for verifying SSL hosting: #720
    • Bump serve-handler from 6.1.3 to 6.1.5: #738
    • Add publish workflow: #740

    Credits

    Huge thanks to @​schemburkar and @​gamemaker1 for helping!

    14.0.1

    Patches

    • Fix(utilities/cli): use chalk-template to render help message: #713

    Credits

    Huge thanks to @​gamemaker1 for helping!

    14.0.0

    Overview

    serve has had a major update:

    ... (truncated)

    Commits
    Maintainer changes

    This version was pushed to npm by vercel-release-bot, a new releaser for serve since your current version.


    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

  • 13

    Sidebar Dropdowns Only Expand On Exact URLs

    The sidebar dropdown containers only open if the URL is exactly the same as the href attribute of a child link.

    For example:

    • Sidebar dropdown child link with href /admin/category = dropdown opens when visiting /admin/category
    • Sidebar dropdown child link with href /admin/category = dropdown does not open when visiting /admin/category/1

    Windows 11/Ubuntu 22 Chrome 107.0.5304.87 HTML/Plain JS Version

  • 14

    Sidebar nav-dropdown not expanding

    Nav dropdowns are not expanding properly within Sidebar. The nav-group-items elements are available when inspecting but are not visible anywhere on screen. This appears to be prevalent and replicable in the docs example for Sidebar -https://coreui.io/docs/components/sidebar/

    • Windows 10 Enterprise 19044.1889
    • Chrome Version 104.0.5112.102 (Official Build) (64-bit)
  • 15

    Issue changing config and customizing navigation behavior

    Hello,

    CoreUI has some functionnalities that seems to be ignored in the docs. I wanted to apply the active state to some menu entries based on conditions, but the JS kept adding it to other elements as well. So I dig in and find that there is this _setActiveLink function that's called. It's great and usually do all the work needed by itself. And this function acts depending on a config:

    const Default = {
      activeLinksExact: true,
      groupsAutoCollapse: true
    }
    

    I don't see a way for us to change this config, for example to set activeLinksExact to false. Also, there should probably be a way to instruct CoreUI to not mess with classes, so _setActiveLink should be fired conditionally (depending on some sort of config as well).

    Thanks :)

  • 16

    Can not change/update sidemenu's icons

    • Operating system and version: Windows 11
    • Browser and version: Chrome Version 99.0.4844.84 (Official Build) (64-bit)

    Hello, I'm trying to change icons on the sidebar, but with no success. Whenever I change an icon name in _nav.js:

    {
      component: 'CNavItem',
      name: 'Explore',
      to: '/pages',
      icon: 'cil-folder',
    },
    

    the icon 'cil-folder' won't be displayed, whereas all the existing icon, ex. 'cil-notes', works fine. I have a feeling that icons have to be somehow declared/imported before referencing them. Is that true? How to change icons on the sidebar menu??? What I'm missing here?

    Thank you,