A Trio of Approachable Vanilla JS Sliders

👋 Ciprian on Saturday, September 29, 2018 in Blog, JavaScript
Last modified on Sunday, July 26, 2020

Learn JavaScript by example. Code snippets, how-to's and tutorials. Try now!

This post has been superseded by How to Build a Vanilla JavaScript Slider in Less Than 100 Lines.

The past weeks had me hunting for the fastest sliders out there for a secret project and I have documented my findings and my experiments below.

Tiny Slider – Vanilla JavaScript Slider (with swipe support)

Tiny Slider is a great slider replacement for any jQuery-powered slider out there. Small, fast and feature-packed.

https://github.com/ganlanyuan/tiny-slider

Supernova Slider – Vanilla JavaScript Swipe Slider (with swipe support)

A small slider for fast pages, with no bells and whistles, but with mobile support.

https://codepen.io/ciprian/pen/KGPZBR

Supernova Slider – Vanilla JavaScript Slider (no swipe support)

A small slider for fast pages, with no bells and whistles.

https://codepen.io/ciprian/pen/GXVPjq

Supernova Slider – Sticks & Stones (no swipe support)

The smallest slider, suitable for landing pages, with no bells and whistles.

https://codepen.io/ciprian/pen/EdaarO

Find more JavaScript tutorials, code snippets and samples here or more jQuery tutorials, code snippets and samples here.

👋 Added by Ciprian on Saturday, September 29, 2018 in Blog, JavaScript. Last modified on Sunday, July 26, 2020.

Leave a Reply

You have to agree to the comment policy.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Privacy Policy