loading...
Cover image for Bootstrap Native. Bootstrap WITHOUT jQuery Today

Bootstrap Native. Bootstrap WITHOUT jQuery Today

tamb profile image Tamb ・1 min read

We get it. We all get it. Bootstrap JavaScript is heavy because it requires jQuery. You are right. So here are the bare facts about an alternative I found a while ago:

Bootstrap.Native: https://github.com/thednp/bootstrap.native

Size

Bootstrap v4

  • Bootstrap v4: 60+ kb
  • jQuery-slim v3: 60+ kb
  • popperjs: 20+ kb

Total: 140+ kb


Bootstrap.Native

  • Bootstrap.Native: 20+ kb

Total: 20+ kb

Dependencies

Bootstrap v4:

  • popperJS
  • jQuery-slim

Bootstrap.Native
NONE

What about Bootstrap v5? Isn't that Vanilla?

Yes. It will be. But as of writing this, a stable version of that seems fairly far off (sometime later this year??). Also, sometimes it's good to support a smaller library that works incredibly well. Bootstrap.Native has 1.6k stars on GitHub and 8k download a week on npm. It's not feeble and it still leverages the CSS from Twitter Bootstrap.

Conclusion

Give Bootstrap.Native a serious try. Build a proof of concept with it and with Twitter Bootstrap. I guarantee you will find that Bootstrap.Native loads faster, performs smoother, and is just as easy to implement. I use it. It's honestly great. The documentation is lacking at the moment but you can just read the original Bootstrap v4 docs.

Posted on by:

tamb profile

Tamb

@tamb

I am not the brightest tool in the shed

Discussion

markdown guide