Introducing bootstrap_ui_flutter – A Flutter/Dart port of Bootstrap 5.3

[Nexus633]

Updated: v0.1.4 released – see comment below
Hey Bootstrap community! 👋

I'm excited to share a project I've been working on: bootstrap_ui_flutter – a Flutter/Dart port of Bootstrap 5.3!

As a longtime Bootstrap user, I always missed the familiar Bootstrap aesthetic when building Flutter apps. So I decided to bring it to the Flutter world.

What's already in there

• 🎨 Design Tokens – Bootstrap colors, typography, spacing, and breakpoints
• 📐 Responsive Grid – Full 12-column grid with BsContainer, BsRow, and BsCol
• 🧩 Components – Button, ButtonGroup, Alert, Badge, Accordion
• 🌙 Dark/Light Mode – Full native support for Bootstrap 5.3 dark theme

Why I built this

Flutter is growing fast – especially on desktop and web. But there's no established Bootstrap-equivalent widget system for Flutter yet. I want to change that.

What's coming next

This is just the beginning! I'll be continuously adding more Bootstrap components over time – staying as close to the original Bootstrap 5.3 spec as possible.

Where to find it

• 📦 pub.dev: https://pub.dev/packages/bootstrap_ui_flutter
• 💻 GitHub: https://github.com/Nexus633/bootstrap_ui_flutter

I'd love to hear your thoughts! Is this something the Bootstrap community finds valuable? Any components you'd love to see next?

Looking forward to your feedback! 🚀

[Nexus633]

Update – v0.1.4 is out! 🚀

Since my initial post three days ago, I've been heads-down building – and today I'm happy to share that v0.1.4 just dropped on pub.dev!

This release is a massive step forward. Here's what's new:

---

🧩 New Components

• BsCard & BsCardGroup – Flexible Bootstrap cards with header, footer, image positions (top, bottom, left, right, overlay), color variants, and border variants
• BsCarousel & BsCarouselItem – Full slideshow support with autoplay, controls, indicators, fade transition, dark mode, touch gestures, and per-slide interval overrides
• BsDropdown, BsDropdownMenu & BsDropdownItem – Highly flexible popup menus with split button support, direction control (up/down/start/end), collision detection & auto-flip, and configurable auto-close behavior
• BsCollapse – Smooth vertical and horizontal collapse transitions
• BsCloseButton – Dismiss button for alerts, modals, and more
• BsBreadcrumb & BsBreadcrumbItem – Navigation hierarchy with customizable dividers
• BsInput & BsSelect – Form controls with native Flutter validation, sizing, focus rings, and .is-valid / .is-invalid states
• BsCheckbox & BsRange – Checkboxes, toggle switches, and custom range sliders
• BsInputGroup & BsInputGroupText – Combined form groups with intelligent border-radius management
• BsImage & BsFigure – Responsive images, thumbnails, rounded/circular styles, and captioned figures
• BsTable – Fully styled tables with striped rows/columns, hover, bordered, borderless, compact, responsive, and contextual variant support
• BsHeading – Bootstrap-compatible H1–H6 typography

🛠️ New Helpers

• BsVStack & BsHStack – Vertical/horizontal layout stacks with gap spacing
• BsRatio – Aspect ratio utility (16:9, 4:3, 1:1, and more)
• BsVerticalRule – Vertical divider
• BsLink & BsIconLink – Colored links and icon action links

⚡ New Utility Extensions

• .truncate() on Text widgets
• BsDisplayExtension – visible(), gone(), dNone(), opacity()
• BsAlignmentExtension – center(), alignStart(), alignEnd(), alignTop(), alignBottom()
• BsSizeExtension – w(), h(), w100(), w50(), expanded(), and more

📚 Documentation

The full documentation has been completely revamped – every component and utility now has its own dedicated page in both 🇬🇧 English and 🇩🇪 German, including screenshot previews.

---

📦 pub.dev: https://pub.dev/packages/bootstrap_ui_flutter
💻 GitHub: https://github.com/Nexus633/bootstrap_ui_flutter

Feedback, ideas, and contributions are very welcome – the project is fully open source! 🙌