Simple admin UI based on bootstrap but be able to use material design too.
- run as docker
docker run -p 8080:80 sterlp/admin-template:latest
- Core UI based on Bootstrap
- Angular Material
- add angular bootstrap
- ngx-bootstrap
npm install --save ngx-bootstrap
or - ng-bootstrap
ng add @ng-bootstrap/ng-bootstrap
- ngx-bootstrap
- Admin-Template Core-UI 3 based on Core-UI 3.4
- new project
ng new admin-template
use scss
for styles
ng add @angular/material
- select
Y
to add angular animations
- select
npm install material-icons --save
- add coreui
npm install @coreui/coreui --save
- add some icons
npm install @coreui/icons simple-line-icons font-awesome --save
add to styles:
"styles": [
"node_modules/@coreui/icons/css/free.css",
"node_modules/font-awesome/css/font-awesome.css",
"node_modules/simple-line-icons/css/simple-line-icons.css",
"src/assets/styles.scss",
...
],
npm install --save material-icons
add in styles.scss
https://www.npmjs.com/package/material-icons
$material-icons-font-path: '~material-icons/iconfont/';
@import '~material-icons/iconfont/material-icons.scss';
remove from index.html
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
npm install --save roboto-fontface
add in styles.scss
https://www.npmjs.com/package/material-icons
$roboto-font-path: "~roboto-fontface/fonts" !default;
@import "~roboto-fontface/css/roboto/sass/roboto-fontface";
remove from index.html
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap" rel="stylesheet">
add css class to body
or main `div``
class="mat-typography"
- https://ng-bootstrap.github.io
- https://valor-software.com/ngx-bootstrap
- https://coreui.io/docs
- https://material.angular.io
- https://gist.github.com/timbophillips/455ac41659fddcd774c5550650665b66
- https://github.com/peaceiris/actions-gh-pages
- https://fontawesome.com/v4.7.0/icons/
- https://coreui.io/docs/icons/
- https://material.io/resources/icons/
- npm run build:docker
- docker push sterlp/admin-template
- CoreUI Code released under the MIT license
- https://getbootstrap.com/docs/4.0/about/license/