Introduction
Modern JavaScript Frameworks makes it very easy to build complex web applications. Vanilla JavaScript refers to plain Javascript code, not extended in any way by any framework and it is good when it comes to create a small application
1. Swiper.js
- Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior.
2. iTyped
- Dead simple Javascript animated typing, with no dependencies.
3. tingle.js
- A minimalist and easy-to-use modal plugin written in pure JavaScript.
4. Glide
- A dependency-free JavaScript ES6 slider and carousel. Its lightweight, flexible and fast. Designed to slide. No less, no more.
5. Sticky Sidebar
- These JavaScript plugins provide a handy way of creating sticky components. The first option is great for creating sticky headers whereas the second option is for sticky sidebars.
6. AOS
- Animate On Scroll (AOS). Small library to animate elements on your page as you scroll.
7. jump.js
- Jump.js is a modern, performant and customizable smooth scroll library written in pure JavaScript (ES6).
8. Magic Grid
- A simple, lightweight Javascript library for dynamic grid layouts.
9. Wiv.js
A library for a more wiggly div.
10. Choices.js
Choices.js is a lightweight, configurable select box/text input plugin. Similar to Select2 and Selectize but without the jQuery dependency.
Top comments (20)
jump.js hasn't received updates in 4 years and honestly most of the time you can simply use CSS instead
Same can be said for Sticky Sidebar...
Swiper.js is amazing but it will double your bundle size. That thing is like 150kb. I wanna use it but I cannot justify it.
I personally hate AOS. I'd much rather use sal.js, which feels like a modern alternative.
Glide is dope. I usually use tinyslider because it's lighter. I'm keeping an eye on splide.js which feels like a tinyslider v2, though.
I've never used tingle, I use a personal fork of Micromodal because it's tiny and accessible. Definitely recommended.
Can't speak for the others.
Thank you so much π
Nice article indeed!
3ash! :D
7abeby π :D
Ψ§ΩΩ Ψ―Ω Ψ§ΩΨͺ Ψ΄ΨΊΨ§Ω ΩΩ Pelcro Ω ΨΉ ΨΉΩ Ψ±Ω Ψ§ΩΨ³ΩΩΩΩ :D
Yes :D
Ψ±Ψ¨ΩΨ§ ΩΩΩΩΩΩ ΩΨ§ Ψ±Ψ¨ ΨΉΩΨ¨Ψ§ΩΩ ΩΨ§ Ψ±Ψ¨ π
Please suggest vanilla js plugin similar to MagnificPopup.
In particular, gallery support. Slide between images in modals.
It's so frustrating not to have such great functionality in vanilla plugins.
Great Articleπ
Thank you π
very good article Ebrahim
7abeby ya ahmed :D β₯
Great article. Very useful.
Thank you π
I like flickity and I've been using it for years as my go-to carousel, but Swiper seems very interesting with a few extra options... Thanks for the list!
you are welcome π
Swiper is very very VERY awesome.
Great contribution π
Thank you ππ
you are welcome π
A plugin worth trying:
bossanova.uk/jspreadsheet