livecanvas-team / ninjabootstrap

Awesome Frontend Tools to Unleash Your Design Potential.

NinjaBootstrap

NinjaBootstrap is a meticulously crafted collection of SCSS utilities that configure and extend Bootstrap 5,
to add the missing utility classes you really need in order to build great designs.

Explore project documentation and examples page »

Installation

Install

npm install ninjabootstrap

Import

If you need this project in a modern JS project (eg: react, vue, angular, etc) you can import it as a module:

import React from 'react'
import ReactDOM from 'react-dom/client'
import App from './App.jsx'

import '/node_modules/bootstrapninja/dist/css/bootstrap.css'

ReactDOM.createRoot(document.getElementById('root')).render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
)

Or if you are just working on an HTML file you can import it in the good old way:

<link rel="stylesheet" href="/node_modules/bootstrapninja/dist/css/bootstrap.min.css" />
<script src="/node_modules/bootstrapninja/dist/js/bootstrap.min.js">