Please help us on Product Hunt. Thanks in advance!
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 Pro
- CoreUI PRO Bootstrap Admin Templates
- Installation
- Usage
- What's included
- Documentation
- Contributing
- Versioning
- Creators
- Community
- License
- Support CoreUI Development
Versions
CoreUI is built on top of Bootstrap 4 and supports popular frameworks.
- CoreUI Free Bootstrap Admin Template
- CoreUI Free Angular Admin Template
- CoreUI Free Laravel Admin Template
- CoreUI Free React.js Admin Template
- CoreUI Free Vue.js Admin Template
- CoreUI Free Vue.js + Laravel Admin Template
CoreUI Pro
-
πͺ CoreUI Pro Bootstrap Admin Template -
πͺ CoreUI Pro Angular Admin Template -
πͺ CoreUI Pro Laravel Admin Template -
πͺ CoreUI Pro React Admin Template -
πͺ CoreUI Pro Vue Admin Template -
πͺ CoreUI Pro Vue + Laravel Admin Template
CoreUI PRO Bootstrap Admin Templates
Default Theme | Light Theme | Dark Theme |
---|---|---|
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.
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.
- Follow @core_ui on Twitter.
- Read and subscribe to CoreUI Blog.
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.
Problems running Angular2_Dev
After doing:
npm install
I get the following:I changed the file
widgets.component.ts
file:Now, I did
npm start again
and I get: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:
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:
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:
And I also had to add a spacer to push form below the breadcrumb:
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
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.
[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.
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.
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.
Is this by design?
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.
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 ;)
and also sidebar minimizer button position and direction is not correct should be vice versa.
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?
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?
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.2Commits
699c459
3.1.22f2b5ff
fix: trim pattern25d7c0d
3.1.155dda29
fix: treat nocase:true as always having magic5e1fb8d
3.1.0f8145c5
Add 'allowWindowsEscape' option570e8b1
add publishConfig for v3 publishes5b7cd33
3.0.620b4b56
[fix] revert all breaking syntax changes2ff0388
document, expose, and test 'partial:true' optionUpdates
serve
from 13.0.4 to 14.1.2Release notes
Sourced from serve's releases.
... (truncated)
Commits
b877dd2
14.1.2dee1e04
fix: add missing CLI option to argv parser (#742)aa4a827
14.1.1e9cc380
infra: move c8 (coverage) to devDeps (#743)0295693
Add--no-git-checks
to publish script (#741)526a717
14.1.030842d4
Add publish workflow (#740)161b807
Bumpserve-handler
from6.1.3
to6.1.5
(#738)337279c
feat: add request logging (#716)0616ce3
Test: Included tests for verifying SSL hosting (#720)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 languageYou can disable automated security fix PRs for this repo from the Security Alerts page.
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:
/admin/category
= dropdown opens when visiting/admin/category
/admin/category
= dropdown does not open when visiting/admin/category/1
Windows 11/Ubuntu 22 Chrome 107.0.5304.87 HTML/Plain JS Version
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/
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: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 :)
Can not change/update sidemenu's icons
Hello, I'm trying to change icons on the sidebar, but with no success. Whenever I change an icon name in _nav.js:
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,