Distorted Media Slider WordPress & WooCommerce Plugin

Distorted Media Slider is a modern WebGL media slider powered by Three.js and GLSL shaders. It is built for immersive image and MP4 video presentations, combining fluid flowmap interaction, RGB shift, wave and noise post-processing, captions, and responsive drag controls into a polished standalone experience.

Main features

Responsive Layout – Fully responsive and adaptable across desktop, tablet, and mobile devices.

Images & MP4 Video Support – Display mixed media slides with a consistent WebGL presentation layer.

Desktop & Mobile Optimized – Smooth dragging, touch support, and GPU-accelerated rendering on modern browsers.

Lazy Initialization – Optionally initialize the slider only when it becomes visible on screen, ideal for long pages and sections below the fold.

Flexible Sizing – Use responsive sizing or attach the slider to any parent container with custom dimensions.

Infinite or Finite Navigation – Run the slider in seamless infinite mode or use a finite sequence, example here.

Optional Intro Animation – Add an intro reveal effect when the slider first appears.

Adjustable Drag Physics – Fine-tune drag speed and friction to match the feel of your project.

Captions Support – Add rich HTML captions with per-item title, description, and color styling.

Hand Cursor Helper – Optional drag helper prompt with configurable text, colors, radius, delay, and auto-hide behavior.

Custom UI Colors – Set your own background, preloader, helper, caption, and noise fade colors.

Mask Gradient – Optional top and bottom mask gradient for smoother blending into the page design.

Flowmap Distortion – Real-time flowmap interaction with configurable strength, radius, sensitivity, force, and falloff, example here.

Flowmap RGB Shift – Enhance the flowmap interaction with optional RGB separation and adjustable shift amount and strength, example here.

Noise Post-Processing – Optional noise layer with adjustable size, fade, blur, and color for a more cinematic surface, example here.

Wave Distortion – Add subtle or expressive wave motion using configurable amplitude and frequency controls.

Built-in Debug GUI – Optional live control panel for testing and visual tuning during development.

Lightbox Ready – Can be integrated with Revolution Lightbox for expanded media viewing.

Detailed Documentation – Includes setup guides, settings reference, and examples for both standalone and WordPress usage: JavaScript Documentation and WordPress Documentation.

Support & Updates – Ongoing maintenance, product improvements, and direct support.