Bootstrap-vue
by bootstrap-vue
Bootstrap Components for Vue.js with Accessibility Built-in
Feature-rich Vue.js component library implementing Bootstrap's design system with comprehensive accessibility support and ARIA compliance.
- 14,488+ GitHub stars
- Built with JavaScript
- 85+ Bootstrap 4 components reimagined as Vue components
- MIT License license
About This Project
This project provides a complete implementation of Bootstrap 4 components as native Vue.js components, eliminating the need for jQuery dependencies while maintaining full Bootstrap functionality. Developers can build responsive, mobile-first interfaces using familiar Bootstrap patterns within the Vue ecosystem.
Built with accessibility as a core principle, every component follows WAI-ARIA standards and best practices, ensuring your applications are usable by everyone. The library includes extensive keyboard navigation support, screen reader compatibility, and semantic HTML structure out of the box.
The component library integrates seamlessly with Nuxt.js applications and includes a comprehensive icon library, making it a one-stop solution for Vue developers who want Bootstrap's proven design system without sacrificing Vue's reactivity and component architecture. Each component is thoroughly documented with live examples and customization options.
Note: This project has been superseded by bootstrap-vue-next, which provides Bootstrap 5 support for Vue 3. This repository remains as the stable implementation for Vue 2 and Bootstrap 4 projects.
Key Features
- 85+ Bootstrap 4 components reimagined as Vue components
- Comprehensive WAI-ARIA accessibility support with keyboard navigation
- Zero jQuery dependency with full Bootstrap functionality
- Native Nuxt.js module for seamless SSR integration
- 1,500+ icons library with tree-shaking support
- Extensive documentation with interactive examples
- Customizable theming using Bootstrap SCSS variables
- Form validation and input components with v-model support
How You Can Use It
Building accessible enterprise web applications with Vue 2 and Bootstrap 4
Creating responsive admin dashboards and management interfaces
Developing Nuxt.js applications with pre-built UI components
Migrating Bootstrap-based applications to Vue.js without jQuery
Prototyping and MVPs requiring quick, accessible UI development
Who Is This For?
Vue.js developers building applications with Bootstrap 4, teams prioritizing accessibility compliance, and developers maintaining legacy Vue 2 projects