Welcome to LayerSlider

A new standard in web animations

6

version

Imagine & Create

Like millions of LayerSlider users!

Let's start it!

Slide background

NEXT SLIDE

It's so easy!

Power Editor

Power Editor

multiselect, resize

3D parallax

loop, static layers

self-hosted, youtube, vimeo

Fullscreen video

Power Editor

Building sliders has never been easier.

Select. Drag. Drop.

Arrange layers.

Ready.

...and your images are instantly on the slide. Yes, there are no extra steps.

Move or resize layers, even with multiselect feature.

NEXT SLIDE

Think outside the BOX

3D Parallax scene

3D parallax

Fullscreen video

Use any video in the background.

We included a large variety of premium sliders with LayerSlider to help you get started easily!

Background video

Explore Premium Sliders

BUY NOW

EXPLORE

Why choose LayerSlider

We have a lot of reasons, let’s check a few

Intuitive Editor

Convert your vision into a slider without any coding knowledge. The drag'n'drop editor will support you unconditionally.

Dynamic Sliders

Creating sliders from several 3rd party components are just a few clicks away.

Excellent Support

Our aim is to give as high-quality support as possible. Look what people are saying about us.

Fully Responsive

LayerSlider will fit to any screen resolution, but you can set different layout for any devices to maximize the experience.

Sample Sliders

Import any of our professional demo sliders easily with a simple click. No zip files, maximum comfort!

Documentation

Stunningly detailed documentation is available with tutorials, live examples and HD videos.

Keyboard shortcuts

Use keyboard shortcuts to complete sliders more quickly.

Ready to create world’s next great slider?

i



Responsive Solution

LayerSlider fits to any screen resolution
  • Works on Desktops, Notebooks, Tablets & Smartphones
    You can make sure that every pixel will respond as it should
  • Different layout for any devices
    Hide texts with small font-size or add custom layers for tablets, mobiles exclusively
  • Super-smooth animations
    All transitions are mobile optimized and GPU accelerated
  • Touch gesture support
    Navigate between slides with simple swipe gestures

Dynamic Content

Generate dynamic sliders from your components

Create sliders from existing content of your site. With this feature you can highlight your top or featured products even latest articles. As it is dynamic, the sliders will automatically updated when you upload a new product, or add a new article without editing the slider.

  • VirtueMart, HikaShop, MijoShop, JoomShopping
  • Images from directory
  • Joomla Articles
  • K2, Zoo

Sample Sliders

Start slider creation with an example slider

By using our sample sliders you can save plenty of time. We have created lots of examples, and this collection is growing continuously. So it is worth to visit back recently.

You can import any of them from the Layer Slider's backend with a simple click. These sliders can be used in wide-range because they cover many areas, from the simplest to more complex ones. Moreover you can also learn from them, if you like a transition or style. The most important features are highlighted under every sample slider's presentation page, which also can help you as a tutorial.

EXPLORE SLIDERS

" Extremely easy to use, as are all of Offlajn's other extensions/products. You easily learn as you go, and you'll have fun doing it too. "

Dave

on Joomla! Extensions Directory

Thousands of Happy Users

Here are a few of our most recent Customer Testimonials

" Possibilities are almost endless.. Best way to learn how it works, is using an example of those provided and change/add things. "

Hans

on Joomla! Extensions Directory

" It's so easy to use so I get almost afraid of myself. I can do everything I want to. "

Madelaine

on Joomla! Extensions Directory

" The functionality of this extension is simply stunning, you can really enhance your site with a slider like this! "

Nick

on Joomla! Extensions Directory

" The slider offers a lot of flexibility. It's easy to use for a new person but offers all the bells and whistles you could ask for. "

Anthony

on Joomla! Extensions Directory

Feature list of LayerSlider

If you are interested in the details

Summary

LayerSlider comes with more than 200 preset 2D and 3D slide transitions. It has a beautiful and easy-to-use admin interface with supporting modern features like drag 'n’ drop WYSIWYG slider builder, real-time previews, timeline view, Google Fonts and transition builder for custom animations. It’s device friendly by supporting responsive mode, multiple layouts, touch gestures on mobile devices, and uses techniques like lazy load and conditional script loading for optimal performance.

You can add any content into sliders, including images, text, custom HTML, YouTube and Vimeo videos or HTML5 self-hosted multimedia contents. It’s also SEO friendly by allowing you to build semantic markup with custom attributes that search engines can index easily. LayerSlider comes with 18 built-in skins, and it has tons of options to entirely customize the appearance and behavior of your sliders at the smallest detail.

 

General Features

  • Super smooth hardware accelerated CSS3 transitions with jQuery fallback
  • Fully responsive & multiple layouts support
  • High compatibility with many fallback features for old browsers
  • Lazy loading images for better performance
  • Unlimited layers with image, video, audio, text or custom HTML content
  • Powerful API for more customization
  • SEO friendly
  • Multiple sliders can be added on the same page
  • Included free slide transition gallery
  • Very detailed documentation with examples
  • Unlimited variations of usage (image slider, image slider with text, content slider, video gallery slider, mixed content slider, banner rotator, carousel, etc.)

Slider Layout & Appearance

  • Responsive, full-width, full-screenNEW or fixed dimensions layout
  • Responsive under & Layers container features for full-width sliders
  • 18 skins includedNEW
  • Option for specifying a global background color or image to the slider
  • Different layout support for any deviceNEW

Slideshow

  • Auto-start slideshow (can be disabled)
  • Start slideshow in viewport feature
  • Pause slideshow on hover feature
  • Starting with specified slide
  • Optional random slideshow feature
  • Option for fade in the first slide without animating the layers
  • Option for backwards-slideshow (Two way slideshow)
  • Loops feature

Slide Options

  • More than 200 2D & 3D transitions
  • Option for create your own slide transitions
  • Option linking the whole slide
  • Option for adding a deep link to a specified slide

Layer Options

  • Layers can slide (axis-free), fade, rotate (in 2D or 3D), scale and skew, or mixed of these
  • Option for setting the transform origin of transition
  • Option for linking layers
  • Option for adding a link to layers which will change the slider to a specific slide
  • Optional parallax effect on mouse move
  • Optional parallax effect on scrollNEW

Text AnimationsNEW

  • Option for animate text by lines, words or characters
  • Animation sequence can be ascending, descending or random
  • Option for animate splitted parts different ways

Video & Audio

  • Easy to use with YouTube, Vimeo or HTML5 videos or audios
  • Auto-pause slideshow while videos or audios are playing
  • Auto-play videos and audios (optional)
  • YouTube and Vimeo thumbnail images

Joomla specific features

  • Build dynamic sliders from Joomla articles or other extensions
    With this feature you can highlight your top or featured products even latest articles
  • WYSIWYG editor with real-time previewsNEW
    Build sliders with modern techniques like drag 'n’ drop
  • Drag & drop file upload featureNEW
    Just drop your images to the slider editor
  • Timeline view
    Review your layer timings like in a movie editor
  • Transition builder, Skin and CSS Editors
    Customize the built-in skins and transitions easily
  • Automatic update notifications
    Receive update notification on the admin interface
  • Import / Export feature
    Move sliders between sites easily
  • Use Google Fonts
    With built-in search and configuration options
  • Advanced settings to improve performance
    For example: load jQuery library, load Google fonts dynamically
  • Use self-hosting video & audio
    Easily upload and insert HTML5 multimedia contents
  • Premium sample sliders includedNEW
    Super confortable one click import feature
  • Interactive tooltips and integrated docs
    Receive instant help for a specific problem whenever you need it

Navigation

  • Bullets, hover thumbnails or thumbnails
  • Option for customizing the thumbnail area and the size of thumbnails
  • Touch navigation on mobile browsers
  • Keyboard navigation
  • Option for disabling prev / next buttons or bullets
  • Option for showing prev / next buttons or bullets on hover
  • Two types of timers: bar timer and circle timer
  • Built-in image lightbox for slide images or layersNEW
  • Scroll under the slider featureNEW

YourLogo

  • Option for adding a fixed image over the slider
  • Option for styling and adding a link to this image

Compatibility

  • Compatible with jQuery 1.7+ (working with 1.10.x or 2.x versions, please note that jQuery 2.x is no more compatible with IE7 and 8!) using Greensock Animation Engine
  • Requires Joomla! 2.5, compatible with Joomla! 3.x
  • Working in Chrome, Firefox, Safari, IE9+, Edge, Opera
  • Working in mobile browsers
  • Most of the 2D slide transitons are working under all browsers
  • The 3D slide transitions are working under Chrome, Firefox, Safari, Opera, iOS and the latest Android versions (2D fallback mode under other browsers)