Swiffy Slider

What is Swiffy Slider?

A super fast carousel and slider with touch optimization for modern websites. This lightweight and high-performance solution leverages native browser capabilities, reducing the JavaScript footprint and enhancing performance to meet today's standards. Capable of supporting a wide range of designs and content, this project utilizes the latest features available in modern browsers to deliver an exceptional user experience for sliders and carousels

Highlights

• Utilizes native browser scroll behavior, scroll-snap, and CSS grid to provide the best mobile and touch experience
• Offers a CSS-only mode for even better performance, without the need for JavaScript
• SEO-friendly with all content in pure markup
• WCAG-friendly with support for tabbing, keyboard navigation, aria attributes, and more
• Allows navigation via touch, keyboard, trackpad, pen, and mouse, taking advantage of browser scrolling
• Setup is done entirely through markup and CSS classes, requiring no scripting
• Loads slides natively without JavaScript, eliminating configuration or initialization
• Implemented in vanilla JavaScript, weighing in at less than 1.3 KB (110 lines)
• Maintains a very low overall footprint, around 4.5 KB total (CSS + JS, gzipped)