Description
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.
Screenshots
Installation
- Upload the plugin folder to the
/wp-content/plugins/directory. - Activate the plugin from the WordPress Plugins screen.
- Open FWD Accordion Slider in the WordPress admin menu.
- Create or edit a preset and a gallery.
- Add the shortcode in any page, post, or block.
FAQ
-
Does it work with Gutenberg?
-
Yes. You can add the shortcode in any block, including the Shortcode block.
-
Is it mobile friendly?
-
Yes. It is responsive and optimized for touch interactions.
-
Can I customize effects without coding?
-
Yes. Most visual and motion options are available in the presets manager.
Reviews
There are no reviews for this plugin.
Contributors & Developers
“FWD Accordion Slider” is open source software. The following people have contributed to this plugin.
Contributors
Translate “FWD Accordion Slider” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.