node package manager

ng2-bean

npm npm

Angular2 components pack powered by Semantic UI and Bootstrap

Webpack vendor setup

import 'bootstrap/dist/js/bootstrap'; 
import 'bootstrap-toggle/js/bootstrap-toggle.min';
import 'semantic-ui/dist/semantic.min';
import 'nprogress/nprogress';
import 'peity/jquery.peity.min';

Html head assets reference

(Here we assume that folder 'assets' has been created with all related styles copied correctly)

{ rel: "stylesheet", href: "/assets/css/bootstrap.min.css" } (require customization to avoid conflict for Bootstrap+Semantic mixed environment)
{ rel: "stylesheet", href: "/assets/css/semantic.min.css" } (require customization to avoid conflict for Bootstrap+Semantic mixed environment)
{ rel: "stylesheet", href: "/assets/css/font-awesome.min.css" } 
{ rel: "stylesheet", href: "/assets/css/flatpickr/flatpickr.min.css" }
{ rel: "stylesheet", href: "/assets/css/nprogress.css" }
{ rel: "stylesheet", href: "/assets/css/bootstrap-toggle.min.css" }

Demo

Link