JavaScripting

The definitive source of the best
JavaScript libraries, frameworks, and plugins.


  • ×

    Bootstrap.native

    If you are looking for Bootstrap without jQuery or vanilla Javascript for Bootstrap, this is the place to get started.
    Filed under  › 

    • 🔾54%Overall
    • 1,609
    • 2.2 days
    • 🕩175
    • 👥4

    BSN stands for Native JavaScript for Bootstrap

    The faster, lighter and more secure set of JavaScript components for Bootstrap 4, developed on modern ES6/ES7 standards. The bootstrap.native library is available on npm, CDN and comes packed with build tools and lots of guides.

    NPM Version NPM Downloads jsDeliver CDNJS

    The library is around 25Kb minified and 7.5Kb gZipped. See the demo for components guidelines and examples, or the Wiki/How to use on how to use the library or create custom builds.

    BSN Wiki

    Please check the bootstrap.native Wiki pages, they're updated with almost every new commit:

    • Acknowledgements - there are similarities and differences with the original jQuery plugins, good to know for maximizing your workflow.
    • How to use - An in depth guide on how to use the library.
      • CDN Links - use CDN links available on jsdelivr and cdnjs
      • Locally Hosted - download and copy in your project assets/js folder, then use proper markup to enable BSN on your pages
      • ES5 Example - basic component initialization with JavaScript ES5
      • ES6/ES7 Example - modern application would like you to import BSN from "bootstrap.native"
      • NPM Installation - just execute npm install bootstrap.native or mark it as dependency and take it from there
      • Custom Builds - use rollup build scripts to create your own custom builds, only with the components you need
      • Dynamic Content - use the library callbacks with your turbolinks:load, mount, load and similar events
      • RequireJS/CommonJS - NodeJS applications would like you to let BSN = require "bootstrap.native"
      • Factory Methods - for NodeJS apps you need to have document and window in scope
    • Browser support - Enable legacy browsers support via polyfills.
    • FAQs - A short list of frequent asked questions regarding the use of the library.
    • About - Learn about the bootstrap.native project inception, goals and motivations.

    BSN Contributors

    • Full contributors list here. Thanks!

    BSN License

    The BSN library is released under the MIT license.

    Show All