Swiffy Slider

Modern browser offers really good options these days to create much better user experience for sliders and carousels than existing libraries offer.

This project utilizes what is available in modern browsers resulting in a super lightweight and fast slider, greatly reducing the javascript footprint and increase performance to meet todays standards.

Uses native browser scroll behavior, scroll-snap and CSS grid to provide the best mobile and touch experience Can run in CSS only mode - no js for even better performance SEO friendly - all content is in pure markup WCAG friendly - all content is in pure markup and can be annotated accordingly, supports tabbing, keyboard navigation, aria attributing and all what is needed. Navigate with Touch, Keyboard, trackpad, pen and Mouse - because it is just browser scrolling Setup is done in pure markup and css classes, no scripting required No js loading of slides, configuration or initialization Vanilla javascript, less than 1.3kb ~110 lines Very low overall footprint ~4.5kb in total (css+js gzip'ed)