Bs4 Custom Elements

Overview

If you're diving into modern web development, you'll want to check out the collection of Bootstrap components built with the latest W3C standard of custom elements. Designed specifically for Bootstrap version 4, these components are crafted with performance in mind, utilizing plain and optimized JavaScript to keep load times minimal while enhancing functionality. The clever integration of shadow DOM allows for leaner HTML, making your web pages not just faster but also more efficient.

In a world where every kilobyte matters, this collection of components stands out by maintaining a total weight of under 20Kb when minified and less than 7Kb when gzipped. Furthermore, with the ability to customize prefixes and build your own elements through a simple configuration, this suite is both user-friendly and highly adaptable to various projects.

Features

• Optimized Performance: Utilizes plain and optimized JavaScript, ensuring components load quickly with minimal overhead.
• Reduced HTML Markup: Thanks to shadow DOM support, HTML markup is streamlined, leading to cleaner, more efficient code.
• Customizable Prefixes: Tailor the prefix of all elements by editing a simple configuration file to meet your naming preferences.
• Minimal Size: The entire suite of components is under 20Kb minified and less than 7Kb gzipped, perfect for performance-driven development.
• Browser Support: While major browsers support custom elements, a polyfill is available for broader compatibility, ensuring your components work across the board.
• Easy Installation: Install the package via NPM, making setup and integration straightforward for developers.
• MIT License: Released under the MIT license, offering flexibility and freedom for usage in your projects.