Production-ready starter kits for Bootstrap 5 integration with modern web tools
Explore Bootstrap Docs •
Quick Start •
Features •
Docs
npx degit flowaxy/bootstrap-starter/frameworks/vue my-app
# or
npx degit flowaxy/bootstrap-starter/builders/vite my-app
cd my-app && npm install
npm run dev
bootstrap-starter/
├── core/ # Core implementations
│ ├── cdn/ # CDN-based starter
│ ├── sass/ # Sass compiler setup
│ └── esm/ # ES Modules
├── integrations/ # Framework adapters
│ ├── nextjs/ # Next.js 14+
│ ├── vue/ # Vue 3.4+
│ └── angular/ # Angular 16+
├── tooling/ # Build systems
│ ├── webpack/ # Webpack 5
│ ├── vite/ # Vite 5
│ └── parcel/ # Parcel 2
└── features/ # Advanced features
├── themes/ # Multi-theme support
├── icons/ # SVG/Icon solutions
└── i18n/ # Localization
Resource | Description | Link |
---|---|---|
Bootstrap Docs | Official documentation | View |
Sass Guide | Sass language reference | View |
Tool | Config Guide | Optimizations |
---|---|---|
Vite | vite-config.md | HMR, ESBuild |
Webpack | webpack-opt.md | Code splitting |
Parcel | parcel-setup.md | Zero config |
Framework | Setup Guide | Examples |
---|---|---|
React | react-guide.md | Demo |
Vue | vue-setup.md | Demo |
// Customize Bootstrap
$primary: #6f42c1;
$enable-shadows: true;
// Dark mode variables
[data-bs-theme="dark"] {
--bs-body-bg: #212529;
--bs-primary: #{$primary};
}
We welcome contributions! Please see our:
MIT Licensed. Copyright © 2024-2025 Flowaxy Studio
Professional Bootstrap solutions for enterprise development