FWD Accordion Slider

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.