5 Great Alternatives for jQuery Libraries in 2023
Great alternatives for jQuery libraries. Don’t use select2, data tables, or jQuery UI if you don’t have to! This post covers vanilla JS alternatives to those jQuery libraries.
This post covers some of the most used jQuery libraries. The purpose of this post is to present you with an alternative vanilla JS library that is similar to jQuery ones. This post is a follow-up post to my previous post on 10 and more great JS Methods as a replacement for jQuery.
Why should we stop using these jQuery libraries?
A lot of times I was in doubt about what to use on my front-end when I need quick searchable select or a sorting inside the table and I always go with jQuery even though I need it only for that one thing. That annoyed me a lot! Because why do I need to import the whole library for one date picker, I don’t want to do that and I certainly don’t have time to build it myself.
As I said in the previous post 10 and more great JS Methods as a replacement for jQuery, I have the utmost respect for all the creators of jQuery and the alternatives below. I am just not a fan of importing dependency that I am not going to use.
Vanilla JS Select2 Alternatives
If I need tags, search, or multiple options in the select element this was my go-to library, so far. I was scouring the web for some alternatives and I’ve found them.
Vanilla JS DataTables Alternatives
Whenever I needed table search or sorting of the columns I would turn to jQuery DataTables. Even though I don’t need the jQuery for the whole project I would import it, only because it’s a dependency of this library. Now, I found two great libraries that are offering similar things.
Vanilla JS Calendar Alternatives
Managing time was always part of all the applications, no matter the programming language or framework. Whatever application you are building you will definitely need a date picker or event time picker. Some of the applications require even a date range picker.
Vanilla JS jQuery Carousels Alternatives
This is also one of the popular topics where we add libraries to our websites or applications. Most applications and websites need some kind of carousel or slider.
Vanilla JS jQuery UI Alternatives
Now this is a broad topic, and it can be a post by itself, so I’ll try to keep it short by only giving you the things, that I would use instead of jQuery UI. If we check the jQuery UI website we can see that there are Interactions and Widgets sections there.
For all of these things, there is at least one vanilla JS library out there, so I won’t be listing all of them. However, I would rather talk about that sweet spot of “Is there one thing combining all of those?” well I think there is more than one. So that’s what this list will be about.
My opinion is that you can do something like the following, choose a JS framework/library, then choose a CSS library to go with it, and you are done. Let’s take a look at an example here.
Popular JS Frameworks in 2023
Popular CSS Frameworks in 2023
My recommendation would be:
Well, that’s all folks, I hope I gave you some useful comparison of the free resources and alternatives to the jQuery-dependent libraries. In my humble opinion Web development should be free, to choose whatever you want to use. You shouldn’t be slow down by something that you need to include and you are not going to use it ever, it just sits there getting dusty.