Web Marketing Today

10 Beautiful, Free Content Sliders

One of the biggest challenges in web design is presenting lots of information in a limited space. Content sliders help solve this problem.

While content sliders can be used for navigation or for displaying multiple products in one place, they are commonly used on website home pages. Sites like Hulu, MSN, and Disney — and, Web Marketing Today — all use content sliders to display information on the home page.

Content sliders often include different features and configurable options. Depending on the content you intend to display, one slider might be better suited than another. Here are ten beautiful content sliders. All are free.

Nivo Slider

The Nivo Slider

The Nivo Slider is a WordPress plugin and jQuery image slider with nifty features. Not only is the Nivo slider fully responsive to changing screen resolutions, it comes with HTML caption support, 16 image transition effects, and three preconfigured themes. While the jQuery version is “free to use and abuse under the MIT license,” the WordPress plugin has pricing options from $19 to $99.

SlidesJS

SlidesJS

SlidesJS is a beautiful little content slider. SlidesJS runs on jQuery and is simple enough for novice developers, while also offering advanced options for more seasoned ones.

FlexSlider

FlexSlider

FlexSlider is free by WooThemes and is a fantastic, fully responsive jQuery slider. Flexslider supports full HTML slides as well as Vimeo video slides and even supports touch swipes.

DualSlider

DualSlider

DualSlider is, well, a dual-slider. DualSlider presents slide content on one side and a correlating HTML slide on the other. Both the content and HTML description slides can be customized to use different transition and the content slide can display both images and Vimeo videos.

Elastic Slider

Elastic Slider

The Elastic Slider is a nifty responsive jQuery slider with thumbnail previews. The Elastic Slider is also presented with a full tutorial on how to build it, or you can just download the source code.

Blueberry

Blueberry

Blueberry is an open source jQuery slider built with smartphones in mind, designed specifically to work with fluid, responsive web layouts. Blueberry is an “experimental” slider and a few kinks are still being worked out.

Orbit

Orbit

While Orbit was recently moved to the Foundation framework, you can still use this great slider in an older, standalone kit. Orbit has lots of options for HTML captions, layout, and thumbnails.

Slidorion

Slidorion

Similar to DualSlider, Slidorion has two sides to it. One side contains images and HTML content, while the other side contains HTML supported navigation. Both sides of Slidorion can be animated and there is plenty of room for placing information.

Sequence

Sequence

Sequence is a content slider that prides itself on not having a default theme — providing lots of customization options. Sequence uses unique CSS3 transitions while gracefully degrading to accommodate older browsers. Sequence also supports swiping on touch devices, as well as  parallax scrolling, where images on a screen move at different speeds.

AnythingSlider

AnythingSlider

AnythingSlider lives up to its name by allowing full HTML content panels. This means AnythingSlider can include images, YouTube videos, links, and more.

Free Sliders, Paid Sliders, or DIY Sliders?

All the content sliders listed above are free. However, if you are looking for more features or additional documentation, there are a number of great premium sliders you can purchase. Code Canyon, for example, has many affordable content sliders with many additional features and support.

Another option is to build your own, if you are familiar with code. There are plenty of great tutorials on creating your own content slider, or you could try customizing one of the free ones listed above. Whatever method you choose, if you are looking to display a lot of information in a limited space, you should consider content sliders.

Tags:    

Drew Coffin
Drew Coffin
Bio  |  RSS Feed


Comments ( 4 )

Have Something To Say ?

  1. Balazs October 3, 2012 Reply

    Great article, thnx!

  2. Lee Duddell October 9, 2012 Reply

    Use content sliders with caution. They are not liked by users who find them frustrating. Find out why here: http://conversionxl.com/dont-use-automatic-image-sliders-or-carousels-ignore-the-fad/

  3. Brian May 15, 2013 Reply

    Good read, I am constantly using the nivo slider, but have stepped my game up with the revolution and layer slider, which are great for layering items.

  4. aliceli September 11, 2013 Reply

    Thank you, great collection…

    I also found this one very useful online slideshow creator (based on jQuery) and it’s totally free: http://www.hislider.com

    It also supports ken burns effect…

Email Updates

Sign up to receive our email newsletter
And receive a free ebook
50 Great Local Marketing Ideas