Nuxt 2 reached End-of-Life on June 30th, 2024.


This module is a wrapper to front-end framework based on Nuxt3 and Bootstrap5

Welcome to use-bootstrap! 👋😁


Documentation 📗

We recommend browsing the official site here. The official site provides actual working documentation and examples.

ja:こちらの公式サイトを閲覧する事をオススメします。公式サイトでは実際に動作するドキュメントや実装例を掲載しています。(日本語対応してます ✨)

Installation 🔧

Installation of Bootstrap5 and use-bootstrap NPM Package

npx nuxi@latest module add usebootstrap

Add a usebootstrap section in your nuxt.config.

export default defineNuxtConfig({
  modules: [

Concept 🎤

use-bootstrap is the front-end framework based on Nuxt3 and Bootstrap5.

  • Pure Bootstrap5 CSS
  • Pure Vue.js Scripts
  • Pure Components
  • Flexible Property Specification
  • Correspondence to UnoCSS , nuxt-link , nuxt-image and nuxt-icon
  • Animation support
  • Moderate Abstraction and Automation

For a detailed description click here.

License 📄

Code released under the MIT License.

Member 👾