@goldenplanet/vue strap

Bootstrap components built with Vue.js

Version: 1.0.2 Updated: 07/28/2017

By: themcaffee License: MIT

Downloads Last 30 Days: 27


npm i @goldenplanet/vue-strap
yarn add @goldenplanet/vue-strap

Repository: https://github.com/themcaffee/vue-strap


bundle.run: https://bundle.run/@goldenplanet/vue-strap

jsDelivr: https://cdn.jsdelivr.net/npm/@goldenplanet/vue-strap

unpkg: https://unpkg.com/@goldenplanet/vue-strap

vue-strap (expanded)

Bootstrap components built with Vue.js with better compatibility with Vuex.

This repository contains a set of native Vue.js components based on Bootstrap's markup and CSS. As a result no dependency on jQuery or Bootstrap's JavaScript is required. The only required dependencies are:

  • Vue.js (required ^v2.x.x, test with v2.0.3).
  • Bootstrap CSS (required 3.x.x, test with 3.3.6). VueStrap doesn't depend on a very precise version of Bootstrap.

This project has been expanded upon from wffranco's implementation. Additional features:

  • Individual collapsible panels
  • Stackable Modals



$ npm install github:themcaffee/vue-strap --save


var alert = require('vue-strap/src/alert');
// or
var alert = require('vue-strap').alert;

new Vue({
  components: {
    'alert': alert


import alert from 'vue-strap/src/alert'
// or
import { alert } from 'vue-strap'

new Vue({
  components: {


$ bower install vue-strap

define(['vue-strap'], function(VueStrap) { var alert = VueStrap.alert; ... });

Browser globals

The dist folder contains vue-strap.js and vue-strap.min.js with all components exported in the window.VueStrap object. These bundles are also available in CDNJS, and on both the Bower and NPM packages.

<script src="path/to/vue.js"></script>
<script src="path/to/vue-strap.js"></script>
    var vm = new Vue({
        components: {
            alert: VueStrap.alert
        el: "#app",
        data: {
            showRight: false,
            showTop: false


See the documentation with live editable examples.

Local Setup

  • Run the docs site in development mode with npm run docs. This will watch for file changes as you work.
  • Build with npm run build.


vue-strap is licensed under The MIT License.

Categories: Vue js