Skip to main content

​
Supported Browsers

Slick Carousel is designed to work across a wide range of browsers, from legacy systems to modern platforms.
Slick works on IE8+ in addition to all modern browsers including Chrome, Firefox, and Safari.

​
Desktop Browsers

  • IE8: Fully supported (minimum version)
  • IE9: Fully supported
  • IE10: Fully supported
  • IE11: Fully supported
  • Edge: Fully supported
For IE8-9 support, ensure you’re using jQuery 1.7+ (up to jQuery 1.12) as jQuery 2.x+ dropped support for these browsers.
All modern versions of Google Chrome are fully supported. Slick leverages:
  • CSS3 Transitions (can be disabled with useCSS: false)
  • CSS3 Transforms (can be disabled with useTransform: false)
  • Touch events for touchscreen devices
All modern versions of Mozilla Firefox are fully supported with complete feature parity including:
  • Hardware acceleration
  • Smooth transitions
  • Touch and swipe gestures
All modern versions of Safari (macOS and iOS) are fully supported including:
  • Desktop Safari 6+
  • iOS Safari (all versions)
  • Hardware-accelerated animations
Modern versions of Opera (Chromium-based) are fully supported.

​
Mobile Browsers

  • iOS Safari: Fully supported
  • Chrome for iOS: Fully supported
  • Touch gestures: Native swipe and drag support
  • Responsive: Automatically adapts to viewport size
  • Chrome for Android: Fully supported
  • Android Browser: Supported (varies by Android version)
  • Samsung Internet: Fully supported
  • Touch optimization: Includes configurable touch threshold

​
Dependencies

Slick requires jQuery 1.7 or higher to function properly.
<!-- jQuery dependency (required) -->
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>

<!-- Slick carousel -->
<link rel="stylesheet" type="text/css" href="slick/slick.css"/>
<script type="text/javascript" src="slick/slick.min.js"></script>

​
jQuery Version Compatibility

jQuery VersionSlick CompatibilityIE8 Support
1.7.x - 1.12.x✅ Fully Compatible✅ Yes
2.x✅ Fully Compatible❌ No
3.x✅ Fully Compatible❌ No
If you need IE8-9 support, use jQuery 1.12.4 or lower.

​
Feature Detection & Fallbacks

Slick automatically detects browser capabilities and provides fallbacks:

​
CSS3 Transitions & Transforms

$('.slider').slick({
  useCSS: true,       // Enable CSS transitions (default: true)
  useTransform: true  // Enable CSS transforms (default: true)
});
When CSS3 transitions are not available (IE8-9), Slick automatically falls back to jQuery’s animate() method with the easing specified in the easing option.
$('.slider').slick({
  easing: 'linear'  // jQuery animate() fallback easing
});

​
Touch & Swipe Support

Touch events are automatically detected and enabled on supported devices: 
$('.slider').slick({
  swipe: true,           // Enable swipe gestures (default: true)
  touchMove: true,       // Enable slide moving with touch (default: true)
  touchThreshold: 5,     // Swipe sensitivity (default: 5)
  draggable: true        // Enable desktop mouse dragging (default: true)
});

​
Accessibility Features

Slick includes built-in accessibility features that work across all supported browsers.
$('.slider').slick({
  accessibility: true,    // Enable keyboard navigation (default: true)
  focusOnSelect: false,   // Focus on click (default: false)
  focusOnChange: false    // Focus after slide change (default: false)
});

​
Keyboard Navigation

When accessibility: true (default):
  • Tab: Navigate between slider controls
  • Arrow keys: Navigate slides when focused
  • Enter/Space: Activate controls

​
Performance Considerations

​
Hardware Acceleration

On modern browsers, Slick uses CSS3 transforms which trigger hardware acceleration: 
$('.slider').slick({
  useTransform: true  // Enables GPU acceleration on supported browsers
});

​
Mobile Performance

$('.slider').slick({
  mobileFirst: true,      // Mobile-first responsive calculation
  lazyLoad: 'ondemand',   // Load images on demand
  waitForAnimate: true    // Prevent animation queuing
});

​
Testing Across Browsers

Always test your Slick implementation across all browsers you need to support, especially if using custom CSS or JavaScript.
  1. Start with modern browsers: Chrome, Firefox, Safari
  2. Test responsive behavior: Mobile Safari, Chrome for Android
  3. Test legacy support: IE11 (or IE8-9 if required)
  4. Verify touch interactions: Physical devices or browser DevTools

​
Common Browser-Specific Issues

  • Requires jQuery 1.12.4 or lower
  • CSS3 transitions not available (uses jQuery animate)
  • Test with actual IE or IE VM/emulator
  • May need additional polyfills for custom features
  • Occasionally requires -webkit- prefixes for custom CSS
  • Test touch gestures on actual devices when possible
  • Be aware of viewport height quirks with Safari’s URL bar
  • Performance varies significantly by Android version
  • Older versions (< 4.4) may have touch event issues
  • Consider setting touchThreshold higher for older devices

​
Browser-Specific Configuration

You can use responsive breakpoints to provide browser-specific configurations: 
$('.slider').slick({
  slidesToShow: 3,
  responsive: [
    {
      breakpoint: 768,
      settings: {
        slidesToShow: 2,
        touchThreshold: 10  // Increase for mobile devices
      }
    }
  ]
});

Getting Started

Installation and basic setup

Configuration

All available options

Build docs developers (and LLMs) love

Get started for freeTalk to us