This project is not covered by Drupal’s security advisory policy.


Flex Slider module integrates the Flex Slider library with Drupal and several contributed modules which allows you to build responsive, resizable slideshows. Meaning the slideshows automatically adapt to the size of the browser window or device.

Some features of FlexSlider slideshows include:

  • Touch enabled nagivation
  • Keyboard navigation
  • Configurable slide animations
  • Multiple sliders per page
  • Lots more...

Current Options

Allows you to use Flex Slider in a few different ways

  • As a library to be used with any other theme or module by calling drupal_add_library('flexslider', 'flexslider') or preferably with libraries_load('flexslider') or with flexslider_add()
  • Integrates with Fields (flexslider_fields)
  • Integrates with Views using a style plugin (flexslider_views)

Drupal 8 version now in beta!

Inching closer to a final release, the D8 version is ready for beta testing. Major changes will be done in later releases.

FlexSlider v2

FlexSlider Video Tutorials

We'll be posting a series of videos on using FlexSlider to our YouTube playlist. If you have a suggestion for a video, post it to the #2068973: Video Tutorial Series Suggestions comment thread.

FlexSlider Examples

We've included a set of example configurations in the FlexSlider Examples module. You'll find configurations for:

  • Using Fields and Views with FlexSlider
  • Using carousels
  • Using carousel sliders as navigation for other sliders
  • Using captions

We'll be adding to the list of examples as well so be sure to check out the module for updates.

API changes looming for 2.x

#1926060: API changes to flexslider_add()

FlexSlider Views Slidshow now a separate module

We'll move all the issues for Views Slideshow to that module since the Views Slideshow integration is very specific compared to the Views and Fields integration.


  1. Download the FlexSlider library from
  2. Unzip the file and rename the folder to "flexslider" (pay attention to the case of the letters)
  3. Put the folder in a libraries directory
    • Ex: sites/all/libraries
  4. The first two files are required and the last is optional (required for javascript debugging)
    • jquery.flexslider-min.js
    • flexslider.css
    • jquery.flexslider.js
  5. Ensure you have a valid path similar to this one for all files
    • Ex: sites/all/libraries/flexslider/jquery.flexslider-min.js

That's it!

Related/Integration Modules

If you like Flex Slider, be sure to checkout the Adaptive Image Styles module and this tutorial on how to use them together.

FlexSlider v1

We'll make a few more changes to v1 (mostly bug fixes) and leave all feature requests for v2. We'll have an upgrade path from v1 to v2 for your option sets. But if you've done some custom styles or javascript to work with the library you'll probably have to tweak them after the upgrade.

Tutorials for v1

For the most part upgrading from v1 to v2 should work with regards to your FlexSlider settings migrating properly. New options/defaults may affect your slideshows so please verify them before upgrading your production sites.

#1811082: Create upgrade path from v1 to v2 for Views plugin

About FlexSlider

Library available at

  • Simple, semantic markup
  • Supported in all major browsers
  • Horizontal/vertical slide and fade animations
  • Multiple slider support, Callback API, and more
  • Hardware accelerated touch swipe support
  • Custom navigation options
  • Use any html elements in the slides
  • Built for beginners and pros, alike
  • Free to use under the MIT license


Sponsored by Chisholm Technologies Inc.

Previous maintainers

Sponsored by Coldfront Labs Inc.

Co-Creator/Maintainer Mathew Winstone (minorOffense)

Original fields functionality provided by jepedo

Supporting organizations: 
Created D8 version. Maintaining D7 version.
Creator and previous maintainer

Project information