# bootstrap-vue

> With more than 85 components, over 45 available plugins, several directives, and 1000+ icons, BootstrapVue provides one of the most comprehensive implementations of the Bootstrap v4 component and grid system available for Vue.js v2.6, complete with extens

Latest version **2.23.1** (published 2022-10-26) · MIT license · 0 weekly downloads

## Install

```sh
npm install bootstrap-vue
pnpm add bootstrap-vue
yarn add bootstrap-vue
bun add bootstrap-vue
```

## Health

**Score 45/100 (D)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities; high quality score; popular repo.

Warnings: low downloads; large bundle.

Negative: abandoned.

## Facts

| | |
|---|---|
| Version | 2.23.1 |
| Published | 2022-10-26 |
| First published | 2016-10-05 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 5 |
| Unpacked size | 47 MB |
| Known vulnerabilities | 0 |
| Install scripts | yes |
| GitHub stars | 14424 |
| Maintainers | xanf, jackmu95, pi0, tmorehouse |
| Keywords | Bootstrap, Bootstrap v4, Bootstrap for Vue, Vue, Vue.js, Vue v2, SSR, Web, Components, Directives, Icons, Bootstrap Icons, ARIA, Accessibility, a11y, Popper.js, CSS, SCSS, Alert, Avatar, Badge, Breadcrumb, Button, Calendar, Card, Carousel, Checkbox, Collapse, Collapse, Date picker, Datepicker, Dropdown, Dropzone, Form, Input, Jumbotron, List, Modal, Nav, Navbar, Option, Overlay, Pagination, Popover, Progress, Radio, Select, Sidebar, Skeleton, Slider, Spinner, Tab, Table, Tag, Tags, Time picker, Timepicker, Toast, Tooltip |

## Links

- npm: https://www.npmjs.com/package/bootstrap-vue
- Repository: https://github.com/bootstrap-vue/bootstrap-vue
- Homepage: https://bootstrap-vue.org
- Issues: https://github.com/bootstrap-vue/bootstrap-vue/issues
- npm.io page: https://npm.io/package/bootstrap-vue

## Dependencies (5)

- [bootstrap](https://npm.io/package/bootstrap.md) ^4.6.1
- [popper.js](https://npm.io/package/popper.js.md) ^1.16.1
- [portal-vue](https://npm.io/package/portal-vue.md) ^2.1.7
- [@nuxt/opencollective](https://npm.io/package/@nuxt/opencollective.md) ^0.3.2
- [vue-functional-data-merge](https://npm.io/package/vue-functional-data-merge.md) ^3.1.0

## Alternatives

- [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads
- [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads
- [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads
- [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads
- [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads

## Recent versions

- 2.23.1 (latest) — 2022-10-26
- 1.5.1 (beta) — 2018-01-25
- 0.23.1 (alpha) — 2017-11-17
- 2.23.0 — 2022-10-25
- 2.22.0 — 2022-04-17
- 2.21.2 — 2021-01-01
- 2.21.1 — 2020-12-16
- 2.21.0 — 2020-12-14
- 2.20.1 — 2020-12-01
- 2.20.0 — 2020-11-30
- 2.19.0 — 2020-11-08
- 2.18.1 — 2020-10-21
- 2.18.0 — 2020-10-19
- 2.17.3 — 2020-09-18
- 2.17.2 — 2020-09-18
- … 153 more at https://npm.io/package/bootstrap-vue/versions

## README

<p align="center">
  <a href="https://bootstrap-vue.org">
    <img src="https://github.com/bootstrap-vue/bootstrap-vue/raw/master/static/banner.png" width="300">
  </a>
</p>
<br>

<p align="center">
  With more than 85 components, over 45 available plugins, several directives, and 1000+ icons,
  BootstrapVue provides one of the most comprehensive implementations of the Bootstrap v4.5
  component and grid system available for Vue.js v2.6, complete with extensive and automated
  WAI-ARIA accessibility markup.
</p>
<br>

<p align="center">
  <a href="https://www.npmjs.com/package/bootstrap-vue">
    <img src="https://flat.badgen.net/npm/v/bootstrap-vue" alt="Current version">
  </a>
  <a href="https://getbootstrap.com/docs">
    <img src="https://flat.badgen.net/badge/bootstrap/4.5.x/563d7c" alt="Bootstrap version">
  </a>
  <a href="https://vuejs.org">
    <img src="https://flat.badgen.net/badge/vue.js/2.6.x/4fc08d" alt="Vue.js version">
  </a>
  <a href="https://github.com/bootstrap-vue/bootstrap-vue/actions?workflow=Tests">
    <img src="https://flat.badgen.net/github/status/bootstrap-vue/bootstrap-vue" alt="Build status">
  </a>
  <a href="https://github.com/bootstrap-vue/bootstrap-vue">
    <img src="https://flat.badgen.net/david/dep/bootstrap-vue/bootstrap-vue" alt="Dependencies status">
  </a>
  <br>
  <a href="https://codecov.io/gh/bootstrap-vue/bootstrap-vue">
    <img src="https://flat.badgen.net/codecov/c/github/bootstrap-vue/bootstrap-vue" alt="Coverage">
  </a>
  <a href="https://packagequality.com/#?package=bootstrap-vue">
    <img src="https://npm.packagequality.com/shield/bootstrap-vue.svg?style=flat-square" alt="Package quality">
  </a>
  <a href="https://app.codacy.com/gh/bootstrap-vue/bootstrap-vue/dashboard">
    <img src="https://flat.badgen.net/codacy/grade/8b19182d32514a83baac4dd0ccf5f35c" alt="Code quality">
  </a>
  <a href="https://www.npmjs.com/package/bootstrap-vue">
    <img src="https://flat.badgen.net/npm/dt/bootstrap-vue" alt="npm downloads">
  </a>
  <a href="https://www.npmjs.com/package/bootstrap-vue">
    <img src="https://flat.badgen.net/npm/dw/bootstrap-vue" alt="npm weekly downloads">
  </a>
  <br>
  <a href="https://opencollective.com/bootstrap-vue#sponsor">
    <img src="https://opencollective.com/bootstrap-vue/sponsors/badge.svg?style=flat-square" alt="Open Collective sponsors">
  </a>
  <a href="https://opencollective.com/bootstrap-vue#backer">
    <img src="https://flat.badgen.net/opencollective/backers/bootstrap-vue" alt="Open Collective backers">
  </a>
  <a href="https://opencollective.com/bootstrap-vue">
    <img src="https://flat.badgen.net/opencollective/balance/bootstrap-vue" alt="Open Collective balance">
  </a>
</p>

<h2 align="center">Links</h2>

- 📘 [Documentation](https://bootstrap-vue.org)
- 🔨 [Release Notes](https://bootstrap-vue.org/docs/reference/changelog)
- 💬 [Discord Chat](https://discord.gg/j2Mtcny)
- 🐦 [Twitter](https://twitter.com/BootstrapVue)

<h2 align="center">Sponsors</h2>

Support this project by becoming a sponsor.

Your logo will show up here with a link to your website.
[[Become a sponsor](https://opencollective.com/bootstrap-vue#sponsor)]

<a href="https://opencollective.com/bootstrap-vue/sponsor/0/website" target="_blank" rel="noopener"><img src="https://opencollective.com/bootstrap-vue/sponsor/0/avatar.svg"></a>
<a href="https://opencollective.com/bootstrap-vue/sponsor/1/website" target="_blank" rel="noopener"><img src="https://opencollective.com/bootstrap-vue/sponsor/1/avatar.svg"></a>
<a href="https://opencollective.com/bootstrap-vue/sponsor/2/website" target="_blank" rel="noopener"><img src="https://opencollective.com/bootstrap-vue/sponsor/2/avatar.svg"></a>
<a href="https://opencollective.com/bootstrap-vue/sponsor/3/website" target="_blank" rel="noopener"><img src="https://opencollective.com/bootstrap-vue/sponsor/3/avatar.svg"></a>
<a href="https://opencollective.com/bootstrap-vue/sponsor/4/website" target="_blank" rel="noopener"><img src="https://opencollective.com/bootstrap-vue/sponsor/4/avatar.svg"></a>
<a href="https://opencollective.com/bootstrap-vue/sponsor/5/website" target="_blank" rel="noopener"><img src="https://opencollective.com/bootstrap-vue/sponsor/5/avatar.svg"></a>
<a href="https://opencollective.com/bootstrap-vue/sponsor/6/website" target="_blank" rel="noopener"><img src="https://opencollective.com/bootstrap-vue/sponsor/6/avatar.svg"></a>
<a href="https://opencollective.com/bootstrap-vue/sponsor/7/website" target="_blank" rel="noopener"><img src="https://opencollective.com/bootstrap-vue/sponsor/7/avatar.svg"></a>
<a href="https://opencollective.com/bootstrap-vue/sponsor/8/website" target="_blank" rel="noopener"><img src="https://opencollective.com/bootstrap-vue/sponsor/8/avatar.svg"></a>
<a href="https://opencollective.com/bootstrap-vue/sponsor/9/website" target="_blank" rel="noopener"><img src="https://opencollective.com/bootstrap-vue/sponsor/9/avatar.svg"></a>

<h2 align="center">Backers</h2>

Thank you to all our backers! 🙏
[[Become a backer](https://opencollective.com/bootstrap-vue#backer)]

<a href="https://opencollective.com/bootstrap-vue#backers" target="_blank" rel="noopener"><img src="https://opencollective.com/bootstrap-vue/backers.svg?width=890"></a>

<h2 align="center">Contributors</h2>

This project exists thanks to all the people who contribute. [[Contribute]](CONTRIBUTING.md).

<a href="https://github.com/bootstrap-vue/bootstrap-vue/graphs/contributors"><img src="https://opencollective.com/bootstrap-vue/contributors.svg?width=890"></a>

<h2 align="center">Partners</h2>

<p align="center">
  <a href="https://vercel.com/?utm_source=bootstrapvue" target="_blank" rel="noopener"><img src="https://github.com/bootstrap-vue/bootstrap-vue/raw/master/static/powered-by-vercel.svg" width="175" alt="Powered by Vercel"></a>
</p>

<h2 align="center">License</h2>

Released under the MIT [License](./LICENSE). Copyright (c) BootstrapVue.

[![FOSSA Status](https://app.fossa.io/api/projects/git%2Bhttps%3A%2F%2Fgithub.com%2Fbootstrap-vue%2Fbootstrap-vue.svg?type=small)](https://app.fossa.io/projects/git%2Bhttps%3A%2F%2Fgithub.com%2Fbootstrap-vue%2Fbootstrap-vue?ref=badge_small)

---
_Source: https://npm.io/package/bootstrap-vue · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._