LabLifetime personal license, one-time purchase with lifetime updates and dedicated support, for use in non-commercial projects only.
Lifetime commercial license, one-time purchase with lifetime updates and dedicated support, allowing use in commercial and client projects.
Yearly subscription personal license with updates and support included during the active subscription period, non-commercial use only.
Hi, I’m Tibi, the script’s developer. I’ll help you install and configure it on your page, then thoroughly test everything to ensure flawless performance—so you can focus on running your site.
Hi, I’m Tibi, the plugin developer. I’ll install and configure the plugin for you, then thoroughly test everything to ensure flawless performance—so you can focus on running your site.
I’m Tibi, the developer behind Acora. I’ll handle the entire setup—installing the theme, importing your chosen live demo, fine-tuning every setting, and thoroughly testing to ensure everything runs flawlessly—so your site is ready to shine from day one.
I’m Tibi, the developer behind every plugin, script, and theme in this bundle. I’ll personally assist with installation and configuration of any item, then thoroughly test each one to ensure flawless performance—so you can focus on running your site.
Distorted Media Slider
──────0Sales .WordPress & WooCommerce Plugin
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.
Select Options
My products can be purchased as a one-time lifetime license or accessed via a yearly personal subscription. Both options include free lifetime updates and dedicated support.
Difference
Is
In
The
Details
Features
Real-Time WebGL Visuals - powered by Three.js and GLSL shaders with fluid distortion, RGB shift, wave, and noise effects rendered directly on the GPU.
Image and MP4 Video Support - build immersive mixed-media galleries with smooth transitions, responsive drag interaction, and polished presentation across devices.
Interactive Flowmap Engine - mouse and touch movement drives organic motion that adds depth and energy without sacrificing performance.
Flexible API and Caption System - control behavior programmatically, hook into events, and display rich HTML captions for fully branded experiences.
Warning: this slider may cause dramatic swipes, accidental wow moments, and an urgent need to show your gallery to everyone
Responsive Setup
Responsive Setup - Built to scale cleanly across screen sizes while keeping the slider anchored inside its own layout area.
Auto Scale
Auto Scale - Auto-scale behavior keeps the slider proportional across desktop and mobile breakpoints without extra layout work.
Lazy Scrolling/Loading
Lazy Scrolling/Loading - Option to initialize Distorted Media Slider only when it becomes visible on scroll, preventing initialization if it is in an off-screen section. Distorted Media Slider will load when the user scrolls to the section containing it.
Display Modes
Display Modes - Supports flexible integration through configurable display types, including parent-based layouts for tighter page composition.
Max Dimensions
Max Dimensions - Control the overall presentation with configurable max width, max height, and auto-scale start width values.
Parallax Motion
Parallax Motion - Enable parallax movement to add depth while keeping the core slider interaction intact.
GUI And Preloader
GUI And Preloader - Includes built-in GUI support and a configurable preloader for a cleaner first-load experience.
Intro Animation
Intro Animation - Use the intro option to reveal the slider with motion from the start, without relying on extra setup code.
Captions Support
Captions Support - Optional captions can be enabled per item and styled freely for titles, descriptions, and calls to action.
Infinite Looping
Infinite Looping - Keep navigation continuous with seamless infinite playback from one side of the slider to the other.
Background And Mask
Background And Mask - Customize the slider background color and choose whether the mask gradient is visible or completely disabled.
Drag Friction
Drag Friction - Adjust drag friction to decide how heavy or loose the slider feels once the user starts interacting.
Hand Cursor Helper
Hand Cursor Helper - Guide users with a built-in hold-and-drag helper featuring custom text, colors, radius, delay, and repeat count.
Drag Speed
Drag Speed - Control how quickly the slider reacts to user movement with a dedicated drag speed parameter.
Wave Distortion
Wave Distortion - Shape the wave effect through separate frequency and amplitude values for subtle or stronger motion.
Flowmap Distortion
Flowmap Distortion - Fine tune flowmap strength, radius, sensitivity, force, and falloff to control the fluid distortion response.
RGB Shift Controls
RGB Shift Controls - Use RGB shift and flowmap-based RGB shift values to add controlled chromatic separation during motion.
Noise Pass Controls
Noise Pass Controls - Optionally enable the noise layer and tune its size, fade, blur strength, and fade color for the final look.
Powered by Three.js
Powered by Three.js - Distorted Media Slider is powered by Three.js, bringing together real-time 3D graphics and custom GLSL shaders to create a fluid, immersive scrolling experience.
Fully Customizable
Fully Customizable - I have thought of everything to make your life easier, from clean structure to flexible options. Distorted Media Slider is built for effortless customization, so you can focus on creativity, not complexity.
Online Documentation
Online Documentation - Read the full setup and API guides: JavaScript Documentation and WordPress Documentation.
Future Web Design was born out of pure passion. In the early 2000s, using only a browser, Tibi began experimenting with Adobe Flash. From there, things naturally progressed, leading to the creation of standalone applications and websites. For me, this is not just work – I genuinely love what I do.
Contact information
Phone: +00744484259
Address: 35 WARFIELD RD - BEDFONT - LONDON
Email: tibi@fwdapps.net
© Future Web Design - 2026
