@vaderjs/bootstrap

Bootstrap 5 components rebuilt for Vader.js — no Bootstrap JavaScript, no runtime bloat, fully composable.

✨ Features

• Bootstrap 5 class-accurate markup
• Zero Bootstrap JS dependency
• Vader-first APIs
• Tree-shakable components
• Works with CDN Bootstrap CSS

📦 Installation

npm install vaderjs-bootstrap
# or
bun add vaderjs-bootstrap

🔌 Plugin Setup

import BootstrapPlugin from "vaderjs-bootstrap";

export default {
  plugins: [BootstrapPlugin]
};

This injects:

• bootstrap.min.css
• bootstrap.bundle.min.js (optional, for legacy behavior)

🚀 Usage

import {
  Container,
  Alert,
  Button,
  Accordion,
  Modal
} from "@vaderjs/bootstrap";

<Container>
  <Alert type="success" dismissible>
    Hello world
  </Alert>

  <Button variant="primary">Click me</Button>
</Container>

🧩 Components

✔ Alerts ✔ Accordion ✔ Buttons ✔ Cards ✔ Collapse ✔ Dropdown ✔ Nav / Tabs ✔ ListGroup ✔ Progress ✔ Spinner ✔ Toast ✔ Modal ✔ Navbar ✔ Forms ✔ Tooltip ✔ Popover ✔ Carousel ✔ Grid

🧠 Philosophy

• No Bootstrap JS
• No React
• Just Vader
• Class-accurate HTML
• Predictable state

🛣 Roadmap

• Themes
• RTL support
• Icon pack
• Docs site
• Playground

📄 License

MIT