Browser support
boodoo supports the latest, stable releases of all major browsers and platforms. Both the CSS and JS are written to be maximally compatible while embracing modern CSS where browsers allow.
Supported browsers
boodoo is designed for the modern web but degrades gracefully. We support the most recent two stable versions of:
Chrome
Edge
Firefox
Safari
Opera
Brave
Mobile / touch
A special mention to mobile devices:
- Touch targets: interactive
.btnand buttons get amin-height: 44pxtouch target via a@supportsquery. - Swipe support: the Carousel responds to touch swipes out of the box.
- Safe areas: layout respects iOS safe areas where relevant.
<!-- Minimum 44px touch target enforced via @supports query -->
<button type="button" class="btn btn-primary px-4">
<span>Accessible Touch Target</span>
</button>
Desktop & Hybrid Runtimes
boodoo is thoroughly tested and optimized for modern desktop and hybrid web container runtimes:
- Electron: Fully supported across Windows, macOS, and Linux. Boodoo's pure CSS titlebar styling,
-webkit-app-region: dragproperties, and zero-dependency ES modules run out of the box with zero runtime penalty. See the Electron Desktop guide. - Tauri & WebView2: Native integration with Microsoft Edge WebView2 and WebKitGTK.
- Capacitor & Cordova: Seamless touch support, safe area insets, and hardware acceleration on mobile packaging layers.
Progressive enhancement
Core features are progressively enhanced: @supports and feature queries let us ship modern CSS
(aspect-ratio, text-wrap: balance, backdrop-filter, CSS Grid) while keeping a clean fallback.
Legacy browsers
Internet Explorer is not supported. boodoo relies on modern CSS features and the fetch/ES2015+ class syntax that IE cannot run.