Features

  • Three layouts: full screen, horizontal and full width, with slide, fade or zoom transitions
  • Backgrounds of image, video (with a poster) or color, with Ken Burns zoom, an overlay and a separate mobile image
  • Layers of text, buttons and images with nine entrance animations and delays, so buttons can arrive after the text
  • Hover effects (scale, lift, glow, invert, 3D tilt) and mouse parallax, with no library
  • A visual editor with a live preview that is exactly what visitors see, and layers you drag into place
  • Five ready-to-go presets with demo slides and texts in English, Spanish and French
  • Accessible and light, about 3 KB of CSS and 4 KB of JavaScript gzipped, lazy media, respects reduced motion
  • Part of the Aura theme: a Hero Slider Pro panel in the Theme Editor’s Studio (layout, motion, autoplay, controls) and its slides included in the export and import of a shop’s look

A home page slider with everything a hero needs, in a few kilobytes and without any dependency.

Layouts. Full screen (it fills exactly the first view under your header), horizontal in a box with rounded corners, or full width edge to edge, whatever the container of your theme. Slide, fade or zoom between slides.

Slides. Image, video or color backgrounds, a focal point, a color overlay, a Ken Burns zoom and a different image for mobile. Autoplay with a pause button, progress bar, arrows, dots, swipe and keyboard.

Layers. Text, buttons and images placed by dragging, with their own entrance animation and delay, hover effect, shadow, parallax depth and a switch to hide them on mobile. Every text is written in each language of your shop.

Ready to go. Five presets: a full screen hero, a horizontal carousel and a full width banner (each with a video slide, a slide whose text and buttons arrive delayed, and a slide with an image and one button), a product spotlight with tilt and parallax, and a cinematic Ken Burns slider. Edit anything afterwards.

Light. Only the first image loads up front, videos wait, and the code is loaded only on the page that shows the slider. Visitors who ask for less motion get a still slider.

With the Theme Editor. Hero Slider Pro comes with the Aura theme. Its main settings appear in the Studio with a live preview, and the slider travels with the export and import of the whole look of a shop, with its images and videos.

Version history

  1. Loading…

Reviews

Loading…