Simple and Lightweight Responsive Slider Without jQuery | air-slider

air-slider is a simple, lightweight, responsive slider with no query. 3 KB only. SASS included.

responsive automatic image slider, automatic image slider in html css, responsive image slider with text

How to make use of it:

1. Add antenna slider stylesheet and javascript files to your HTML page.

<link rel="stylesheet" href="air-slider.min.css">
<script src="air-slider.min.js"></script>

2. Add your photos as slides to the slider.

<div class="air-slider">
  <div class="slide">
    <img src="1.jpg" alt="slide1"/>
  <div class="slide">
    <img src="2.jpeg" alt="slide2"/>
  <div class="slide">
    <img src="3.jpeg" alt="slide3"/>

3. Initialize the image slider by creating a brand new airSlider object like this:

var slider = new airSlider({
    // options go here

4. Configure the slider as you like:

var slider = new airSlider({
    // enable autoplay
    autoPlay: true,
    // autoplay interval
    autoPlayTime: 3000,
    // slider size
    width: '600px',
    height: '300px'

Automatic Responsive Image Slider, air-slider Plugin/Github

See Demo And Download

Official Website(nueq22): Click Here

This superior jQuery/javascript plugin is developed by nueq22. For extra advanced usage, please go to the official website.

Related Posts


Adding Zoom-on-Wheel and Pan-on-Drag to Inline SVG Elements

Vanilla-js module for adding zoom and panning behavior when dragging to SVG embedded elements. A lightweight Vanilla JavaScript plugin that enables zoom and pan functions on an…


Sorting HTML Table Vanilla JavaScript Library | Sortable.js

Sortable – Small JS vanilla table sorter makes any table with class = “sortable“, er, sortable. That is, the user can click the table header and change…


WYSIWYG Rich Text Editor With jQuery And FontAwesome | RichText

RichText jQuery implementation for WYSIWYG Rich Text Editor which uses Font Awesome Iconic Font for editor icons. It is licensed under AGPL-3.0. Initialize editor Simply call .richText() on your jQuery(‘textarea’) or jQuery(‘input’)…


[Autocomplete] Email Domain Suggestions Like Gmail, Outlook, or More | email-genie

Email Genie allows auto-completion in the email field by providing a list of domain suggestions (,, etc.). This package is lightweight, flexible, compatible with libraries (jQuery,…


[Generator] JavaScript Library for Creating Squircley Magic ✨ | squircley.js

squircley.js is the core magic of Squirclular ✨ from wrapped in a simple 0-dependency JavaScript library. squircley.js can generate SVG files, add square backgrounds to DOM…