FWD Accordion Slider

FWD Accordion 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
• Demos
• Features
• WordPress Documentation
• JavaScript Documentation
• Buy WP & Woo Plugin
• Support

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 for desktop and mobile devices
• Lazy initialize on scroll for better performance in long pages
• Multiple display modes (responsive and afterparent)
• Customizable slider size (max width and max height)
• Optional parallax scrolling effect
• Optional animated preloader
• Infinite loop browsing in both directions
• Optional captions with custom CSS styling
• Adjustable opacity for non-centered items
• Adjustable item scale and gap between items
• Mouse-based camera rotation effect (example: Preset 3)
• Item noise animation controls (example: Preset 7)
• Scroll speed and bend strength controls
• Distortion curve controls (example: Preset 4)
• Fluid intro post-processing effect (example: Preset 6)
• Built-in post-processing stack: mouse ripple, fluid, grid, afterimage, bulge, glitch, noise
• 12 preset variations out of the box

Shortcode

Basic example:

[fwdas preset_name=”Preset 1″ gallery_name=”Gallery 1″]

WooCommerce Integration

The plugin can replace the default WooCommerce single product gallery with a selected Accordion Slider preset/gallery when configured via shortcode settings.

Development

Developed and maintained by FutureWebDesign.

• Source code and build tools
• Distributed plugin uses a compiled build generated by Vite for optimal performance.