Zen Slider for Elementor

Description

Zen Slider for Elementor gives you six premium, fully animated hero sliders that work with the free version of Elementor. Drag the Zen Slider widget onto a page, click a design, and you already have a complete slider with three demo slides, photos, buttons and animation. Then make it yours without writing any code.

The Elementor Slides widget is only available in Elementor Pro. Zen Slider fills that gap with designs that look custom-built and stay light: no jQuery, no slider library, one small CSS file and one small script that load only on pages that use the widget.

👉 See every design live

6 ready-made designs (plus a blank canvas)

• Diagonal Glow – a diagonal photo reveal with a glowing accent edge. Made for roofers, builders, electricians and home services.
• Split Screen – text on one half, photo on the other, with a curtain reveal between slides. Great for agencies and consultants.
• Fullscreen Cinematic – full-screen photos with a slow zoom and a word-by-word headline. Perfect for travel, hotels and real estate.
• 3D Parallax Layers – a floating 3D photo frame that tilts with the mouse over a glowing grid. Built for tech, SaaS and startups.
• 3D Card Stack – a stack of photo cards that flip to the back on every slide. Ideal for restaurants, cafes and products.
• Minimal Centered – calm, centered typography with soft blur transitions. For fitness, wellness, yoga and lifestyle brands.
• Blank Canvas – start from scratch with a clean layout and no decorations.

Every design has its own matching arrows and dots, and you can mix them freely: square glow arrows, long edge arrows, round glass arrows, joined pill arrows, “Prev / Next” text links, number dots, line dots, photo thumbnails, stretching pill dots, mini cards and simple dots.

Edit everything in the Elementor panel

• Add, duplicate, delete and drag to reorder slides
• Heading, small heading, description and two buttons per slide
• Highlight words in the accent colour with {curly braces}
• Use a saved Elementor template as a slide to place any widget inside it (forms, icons, counters, video and more)
• Image, a separate mobile image, or an MP4, YouTube or Vimeo background video
• Focus point controls so faces and products stay visible on every screen
• Show or hide each element per slide, and schedule slides to appear between two dates
• Autoplay, time per slide, transition speed, pause on hover, loop, swipe and keyboard control
• Six text animations: slide up, blur in, word by word, zoom, fade or none
• Slow “Ken Burns” zoom, glow effects and decorative shapes, each with its own switch

Saved sliders and shortcodes

• Add new: click the Blank Canvas card in the Zen Slider dashboard and a new slider opens straight in Elementor
• Import & edit: copy any of the 6 designs into your own slider with one click, then change every text, photo and colour in Elementor
• Every slider is saved in Zen Slider › My Sliders with its own shortcode, for example [zen_slider id="123"]
• Paste the shortcode into any page, post, widget area, the Shortcode block or the Elementor Shortcode widget
• Edit a slider once and it updates everywhere it is used
• Copy, duplicate or delete sliders from the dashboard

Colours and typography

• Six one-click colour combinations: Midnight Gold, Ocean Blue, Fire Red, Forest Green, Royal Purple and Clean White
• Every colour control supports Elementor global colours, so the slider follows your brand automatically
• Per-slide accent, heading, text and background colours
• Full Elementor typography controls with global fonts
• Bundled Plus Jakarta Sans and DM Sans fonts served from your own server (no Google requests), or switch them off to use your own

100% responsive

• Separate height, alignment, text width and overlay for desktop, tablet and mobile
• Hide any element on desktop, tablet or mobile: headings, buttons, image, arrows, dots, counter, progress bar, decorations
• Mobile-specific layouts for every design
• Works in Elementor Flexbox containers and in classic sections, columns and inner sections
• “Always full screen width” option breaks out of boxed themes and containers

Fast and accessible

• No jQuery and no third-party slider library
• Assets load only on pages that use the widget
• First slide image loads with high priority, the rest lazy-load
• Pauses when the slider is off screen or the browser tab is hidden
• Keyboard navigation, screen-reader labels, visible focus styles, and support for “reduce motion” settings

Need a custom slider or a full website?

Zen Slider is made by Coders Zen, a web development team that builds custom Elementor designs, WordPress plugins and complete business websites. Hire a developer.

External services

This plugin can show background videos from third-party video services. Nothing is sent to these services unless you add a YouTube or Vimeo link to a slide.

YouTube (by Google): when a slide has a YouTube video background, the video is embedded from youtube-nocookie.com while a visitor views that slide. The visitor’s browser sends a request to YouTube, which includes their IP address and browser information. Terms of Service, Privacy Policy.

Vimeo: when a slide has a Vimeo video background, the video is embedded from player.vimeo.com while a visitor views that slide. The visitor’s browser sends a request to Vimeo, which includes their IP address and browser information. Terms of Service, Privacy Policy.

The plugin does not collect, store or send any other data. Fonts and images are bundled with the plugin and served from your own site.

Credits

• Demo photos: created by Coders Zen with AI image generation and released under CC0 1.0 (public domain) for use in this plugin.
• Fonts: Plus Jakarta Sans and DM Sans, SIL Open Font License 1.1 (see assets/fonts/OFL-LICENSE.txt).
• Icons: drawn for this plugin, GPLv2 or later.