FWD Linear Slider
FWD Linear Slider is a next-generation WordPress slider built with WebGL, Three.js, and custom GLSL shaders. It creates fluid, organic item distortion while keeping setup simple through a built-in presets and galleries manager.
Use it for product showcases, portfolios, hero sections, and immersive visual storytelling.
Links
- Homepage: https://fwdapps.net/p/ls/
- Demos: https://fwdapps.net/p/ls/#demos
- Features: https://fwdapps.net/p/ls/#features
- WordPress Documentation: https://fwdapps.net/p/ls/wordpress-documentation.php
- JavaScript Documentation: https://fwdapps.net/p/ls/javascript-documentation.php
- Buy WP & Woo Plugin: https://fwdapps.net/product/linear-slider-wp
- Support: https://fwdapps.net/contact
Highlights
- Responsive layout for desktop and mobile.
- Three.js + GLSL powered rendering and effects.
- Lazy initialize on scroll for better performance.
- Built-in presets manager and galleries manager.
- WooCommerce product gallery replacement support.
Main Features
Responsive Layout
Fully responsive and adaptable regardless of which device is used.
Desktop & Mobile Optimized
Linear Slider will adapt to any screen size and any device, wheater you are using a mobile phone (IOS, Iphone, Android) or on your desktop browser.
Lazy Scrolling/Loading
Option to initialize Linear Slider only when it becomes visible on scroll, preventing initialization if it’s in an off-screen section. Linear Slider will load when the user scrolls to the section containing it.
Multiple Display Types
The slider can be displayed using a responsive layout or an « afterparent » mode, which allows it to adapt based on the size of the parent element.
Customizable Size
The slider size (width and height) can be set to any dimensions you need, and the Linear Slider can be added anywhere within your page content.
Parallax
Optional parallax scrolling effect.
Preloader
Optional animated preloader.
Two Bending Vertices Type
The central distortion can has two type, semicircular arc bending or rotation bending.
Caption
Optional captions for slider items, fully customizable with your own CSS styling.
Opacity Strength
Adjustable opacity effect for slider items when not selected or non dragged.
Customizable Item Scale And Gap
The minimum and maximum scale of items, as well as the gap between them, can be set.
Mouse Rotation
Optional mouse slight animated rotation effect based on the mouse position.
Item Noise Animation
Optional item noise animation, the items will add a flag like customizable animation, example here.
Scroll Speed Strength
Adjustable drag speed for smooth, responsive slider control with the mouse.
Scroll Scale Strength
Adjustable scroll scale strength to control how items scale during scrolling.
Distortion Curve
Adjustable item distortion curve as the slider is dragged, example here.
Fluid Post-Processing effect
Intro fluid effect, example here.
Post Processing
Various post-processing effects included—mouse ripple, fluid distortion, grid effect, afterimage, bulge, and more.
Shortcode
Basic example:
[fwdls preset_name= »Preset 1″ gallery_name= »Gallery 1″]
WooCommerce Integration
The plugin can replace the default WooCommerce single product gallery with a selected Linear Slider preset/gallery when configured via shortcode settings.
Development
This plugin’s full source code is publicly available for transparency and verification. Developed and maintained by FutureWebDesign.
- Source code & build tools — includes original uncompiled files and Vite build configuration.
- Distributed plugin uses a compiled build generated by Vite for optimal performance.