Stunning Image Slider with 4 Layout Modes
Create beautiful sliders in seconds with Default, Cool, 3D, and Options layouts. Infinite scrolling, touch support, fullscreen mode, autoplay, and shortcode-driven embedding — all in a free, lightweight plugin with zero external dependencies.
Four Layout Modes
Pick the style that fits your site. Every layout is fully responsive and touch-friendly.
Default Layout
Full-bleed editorial slider with a peek effect — center slides are fully visible while adjacent slides peek in from the edges. Infinite looping, vertical title overlay, caption underline with configurable hover color, and subtle image zoom on hover.
- ✓Infinite clone-based looping — seamless cycling, never ends
- ✓Vertical title text overlay (uppercase, letter-spaced)
- ✓Caption & description shown below center slide only
- ✓Square bracket-style navigation arrows
- ✓Image zoom on hover (1.05x scale)
Cool Layout
Rounded-corner card slides floating over a customizable gradient background. Cards lift on hover with an enhanced shadow, and horizontal captions overlay at the bottom. Clean, modern, and colorful.
- ✓Customizable two-color gradient background (default: pink to purple)
- ✓Card hover lift effect with enhanced shadow
- ✓Horizontal caption overlay at bottom of cards
- ✓White background navigation arrows
- ✓Pagination dots below slider
3D Layout
CSS 3D perspective transforms bring depth to your slides — the center slide is prominent while adjacent slides rotate and scale back. Cinematic feel with gradient overlays, glassmorphism navigation, and a per-slider background color picker.
- ✓CSS 3D perspective with depth transforms
- ✓Center slide prominent, adjacent slides rotated & scaled
- ✓Per-slider background color picker
- ✓Gradient overlay on slides for cinematic effect
- ✓Glassmorphism navigation arrows (blur + translucent)
Options Layout
Static grid of clickable option cards (image + title + caption). Clicking a card reveals its own HTML content in a detail panel below — perfect for product variants, plan comparisons, or "pick one, see details" interfaces. Inline Code / Preview tabs let you edit each card's HTML directly.
- ✓Clickable option cards with image, title, and caption
- ✓Per-card editable HTML content panel
- ✓Inline Code / Preview tabs in the admin
- ✓First card preselected on page load
- ✓Per-slider background color picker
See It in Action
Real screenshots from the plugin — three layout modes, fully responsive, running on a live WordPress site.
Cool Layout — gradient background with card slides
3D Layout — perspective depth with rotated slides
Default Layout — full-bleed editorial slider with peek effect
3D Layout — wide view with five slides and glassmorphism arrows
Core Features
Upload & Manage Images
Upload via WordPress Media Library with drag-and-drop reordering. Per-slide title (vertical overlay), caption, description, and link URL. Free mode supports 2 sliders / 10 images each; Premium unlocks unlimited sliders, 50 images per slider, and up to 15 visible slides at once.
Shortcode Embedding
Auto-generated shortcode with one-click copy. Works in Elementor, Gutenberg, Classic Editor, or any page builder. Per-instance overrides like `[xtreme_slider id="5" layout="3d" visible="2" autoplay="true" fullscreen="true"]` let you reuse the same slider with different settings.
Flexible Image Ratios
Choose 16:10 (landscape), 1:1 (square), or Fixed Height (set a pixel height — width scales to the image's natural aspect ratio). Premium adds Default (original image ratio) so you can mix portrait and landscape in the same slider.
Fullscreen Mode
100vw edge-to-edge fullscreen that breaks out of any container, including Elementor columns. One toggle in the admin — no CSS hacks needed.
Touch & Swipe
Horizontal swipe detection on all touch devices with vertical scroll passthrough preserved. Mouse drag support on Default layout. Works flawlessly across all four layouts.
Infinite Scrolling
Clone-based infinite loop with seamless transitions and silent position resets. No empty space, no jump artifacts — works with autoplay and touch.
Display Toggles
Per-slider Square corners toggle (sharp image corners), Black arrows toggle (solid black arrow circles with white icons), and Load Titles action to auto-fill slide titles from image filenames.
Color Pickers
Per-slider color customization — link hover color, two-color gradient background (Cool layout), and solid background color (3D and Options layouts) — all via the native WordPress color picker.
Responsive Breakpoints
Four breakpoints (desktop, tablet, mobile, small mobile) automatically adapt the slide count and spacing. Looks great on every device with no manual configuration.
How It Works
Create
Add a new slider and upload your images via the WordPress admin.
Configure
Pick a layout mode, set display options, and customize colors.
Copy
Grab the auto-generated shortcode with one click.
Embed
Paste into any page, post, or widget — done.
Display Options
Visible Slides
1–6 free · up to 15 (Premium)
Total Slides
Up to 10 free · 50 (Premium)
Total Sliders
2 free · Unlimited (Premium)
Autoplay
On/off, 2–10s speed, pauses on hover
Fullscreen
100vw edge-to-edge mode
Image Ratio
16:10 · 1:1 · Fixed Height · Original (Premium)
Link Hover Color
Configurable per slider
Background Gradient
Two-color picker (Cool layout)
Background Color
Solid color picker (3D / Options)
Black Arrows
Solid black circle arrows toggle
Square Corners
Sharp image corners toggle
Shortcode Overrides
Override layout / visible / autoplay / fullscreen
Tech Stack
Built Secure
Nonce Verification
All admin actions protected by WordPress nonce verification.
Capability Checks
Admin endpoints gated by manage_options capability.
Input Sanitization
All inputs sanitized with sanitize_text_field, absint, and custom hex color sanitizer.
Output Escaping
Every output escaped with esc_html, esc_attr, and esc_url.
Works Everywhere
Paste the shortcode into any editor or page builder — it just works.
Elementor
Shortcode compatible
Gutenberg
Shortcode compatible
Classic Editor
Shortcode compatible
Any Page Builder
Shortcode compatible
Download XtremeSlider
Completely free, forever. No upsells, no premium tiers — just a great slider plugin. If you find it useful, consider buying the developer a coffee.
Version 1.4.5 · GPL-2.0-or-later