yuche/vue-strap

★ 4,677JavaScriptAudience · developerComplexity · 2/5Setup · easy

Mindmap

mindmap
  root((vue-strap))
    What it does
      Bootstrap 3 components
      Vue 1.x native
      No jQuery needed
    Components
      Modals
      Alerts
      Buttons
    Status
      Deprecated
      No updates
      Frozen at Vue 1
    Alternatives
      bootstrap-vue
      uiv
    Install
      npm install
      CDN load
      Bower

mindmap root((vue-strap)) What it does Bootstrap 3 components Vue 1.x native No jQuery needed Components Modals Alerts Buttons Status Deprecated No updates Frozen at Vue 1 Alternatives bootstrap-vue uiv Install npm install CDN load Bower

Click or tap to explore — scroll the page freely

Things people build with this

USE CASE 1

Use Bootstrap 3 styled components in a Vue 1.x project without including jQuery.

USE CASE 2

Understand how Vue 1.x component patterns worked by reading the source of a well-known historical library.

Tech stack

JavaScriptVue.jsBootstrap 3

Getting it running

Difficulty · easy Time to first run · 30min

Frozen at Vue 1.x compatibility, do not use for new projects, existing projects should migrate to bootstrap-vue or uiv.

No license terms are stated in the explanation.

In plain English

Vue-strap is a library of interface components for Vue.js applications, styled using Bootstrap 3. Bootstrap is a popular CSS framework that provides a visual design system with buttons, alerts, modals, and similar elements. Vue.js is a JavaScript framework for building interactive web pages. Vue-strap bridges the two by taking Bootstrap's visual appearance and rebuilding each component so it works natively with Vue, without needing jQuery or Bootstrap's own JavaScript files. The project is no longer maintained. The README opens with a deprecation notice and points developers toward two actively maintained alternatives: bootstrap-vue for Bootstrap 4, and uiv for Bootstrap 3 with Vue 2. Vue-strap itself was built for Vue 1.x, which is several major versions behind the current release. While it was active, the library could be installed through npm or Bower, or loaded directly in a browser from a CDN or a bundled file in the dist folder. Components were importable individually or as a full package. The documentation site included live editable examples showing each component in action. The main value proposition was eliminating the jQuery dependency that Bootstrap's own JavaScript required at the time. By rewriting the interactive pieces in Vue, developers could build Bootstrap-styled interfaces in a Vue project without pulling in jQuery at all. This was a meaningful trade-off when the project was current, but the ecosystem has since moved on and the original author has stopped maintaining it. For anyone who encounters this project in an existing codebase, it is worth knowing the code is frozen at Vue 1 compatibility and will not receive security updates or new features.

Copy-paste prompts

Prompt 1

I have an old Vue 1.x project that uses vue-strap. Help me plan a migration path to bootstrap-vue or uiv without rewriting the entire UI at once.

Prompt 2

Show me how to use the vue-strap modal component in a Vue 1.x template, including how to control its open and close state from a parent component.

Prompt 3

I'm maintaining a legacy vue-strap codebase. What security risks should I be aware of given that the library is frozen and unmaintained?

Prompt 4

What were the advantages of vue-strap over using Bootstrap 3's own JavaScript in a Vue 1.x app, and how does the modern bootstrap-vue solve the same problem differently?

Open on GitHub → Explain another repo

← yuche on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.