XtremeSlider is a free, lightweight WordPress slider plugin that lets you create stunning image sliders with three distinct layout modes and embed them anywhere using a simple shortcode.

Built for performance — the frontend uses pure vanilla JavaScript with zero external dependencies.

Three Layout Modes

Default — Editorial full-bleed slider with peek effect. Center slides are fully visible while adjacent slides peek from the edges. Features infinite seamless looping, vertical title text overlay, and caption/description sections below center slides.

Cool — Card-based slider with customizable gradient background. Rounded-corner slides with hover lift effects and pagination dots.

3D — Dramatic CSS perspective slider with depth transforms. Center slide is prominent while adjacent slides rotate and scale back in 3D space with glassmorphism-styled arrows.

Key Features

Infinite Loop — Default layout uses clone-based seamless cycling that never ends
Up to 10 Slides — Add up to 10 images per slider with drag-to-reorder
4 Content Fields Per Slide — Title (vertical overlay), Caption (heading below), Description (paragraph below), Link URL
Relative & Absolute Links — Link to /roofing or https://example.com
Image Ratios — Choose 16:10 (landscape) or 1:1 (square) per slider
Autoplay — Configurable speed (2-10 seconds), pauses on hover
Fullscreen Mode — 100vw edge-to-edge display
Touch & Swipe — Full mobile touch support
Responsive — 4 breakpoints (desktop, tablet, mobile, small mobile)
Hover Effects — Image zoom on hover, caption underline color change
Link Hover Color — Configurable per slider via color picker
Gradient Background — Two-color gradient picker for Cool layout
Shortcode Overrides — Override layout, visible count, autoplay, fullscreen per instance
Conditional Loading — CSS/JS only load on pages containing a slider

No Dependencies

Fully standalone. No WooCommerce, Elementor, or any other plugin required.

Elementor & Gutenberg Compatible

Works in Elementor Shortcode widget, Gutenberg Shortcode block, Classic Editor, or any page builder.

Support

For documentation and more information visit:

https://xtremeplugins.com/plugins/xtreme-slider

Please submit bugs, patches, and feature requests to:

https://github.com/Xtreme-Plugins/xtreme-slider