Bootstrap.native screenshot

Bootstrap.native

Author Avatar Theme by Thednp
Updated: 17 Apr 2025
1693 Stars

Bootstrap components build with Typescript

Categories

Overview:

The BSNCoverage Status is a set of JavaScript components for Bootstrap 5 that is faster, lighter, and more compact. It is sourced with TypeScript and free from major dependencies such as jQuery and Popper. The library is available on npm, CDN, and comes with Cypress powered tests and other useful features. It is around 39Kb minified and 12Kb gZipped.

Features:

  • Lightweight Components: Faster, lighter, and more compact JavaScript components for Bootstrap 5.
  • TypeScript Sourced: Components sourced with TypeScript for better maintainability and readability.
  • Dependency Free: Free from major dependencies such as jQuery and Popper.
  • Cypress Testing: Comes packed with Cypress powered tests for ensuring the reliability of components.
  • Various Installation Options: Options to install via CDN links, locally hosted in project assets, or through npm installation.
  • ES6+ Support: Easily import BSN from “bootstrap.native” for modern application development.
  • Legacy Browser Support: Enable support for legacy browsers through polyfills.
  • Developer Resources: Includes in-depth guides, FAQs, and acknowledgments for maximizing user workflow.

Installation:

To install the BSNCoverage Status theme, follow these steps:

  1. NPM Installation: Execute the following command in your project directory:

    npm install bootstrap.native
    
  2. Locally Hosted Installation: Download the library and copy it to your project’s assets/js folder. Ensure to use proper markup to enable BSN on your pages.

  3. CDN Installation: Use the CDN links available on jsdelivr for quick and easy setup.

  4. ES6+ Example: Import BSN in your modern applications as follows:

    import BSN from "bootstrap.native"
    
  5. Legacy Browser Support: Enable support for legacy browsers by incorporating necessary polyfills.

  6. Documentation: Refer to the Wiki for detailed guidelines, examples, FAQs, acknowledgments, and other resources to effectively use the BSNCoverage Status library.

Summary:

The BSNCoverage Status offers a lightweight and dependency-free set of JavaScript components for Bootstrap 5. With features like TypeScript sourcing, Cypress testing, and various installation options, it provides developers with a reliable and efficient solution for building modern web applications. Whether using npm, CDN, or local hosting, integrating BSN into projects is made simple with comprehensive documentation and support for legacy browsers.