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.
Accordion Slider
──────5Sales .JavaScript
Accordion Slider - is a one-of-a-kind responsive, touch-friendly media slider built with GLSL and Three.js, using WebGL shaders to create smooth 3D transitions and natural organic distortion effects. It supports images and videos, animated captions, slideshow controls, and multiple post-processing styles such as mouse ripple, fluid distortion, grid, afterimage, bulge, RGB shift, noise, and bend effects, making it ideal for immersive portfolios, product showcases, creative galleries, and visual storytelling.
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
Shader-Based Distortion Effects - uses GLSL and WebGL-powered post-processing to create real-time effects such as mouse ripple, fluid distortion, RGB shift, noise, grid, bend, bulge, and afterimage transitions.
Flexible Accordion Layouts - supports responsive horizontal and vertical slider modes, custom item sizing, spacing, scaling, alignment, and smooth resizing for desktop, tablet, and mobile screens.
Interactive Media Experience - works with images and videos, animated captions, autoplay, slideshow controls, mouse-driven rotation, touch navigation, and smooth 3D transitions with natural easing.
Performance Optimized - built with HTML5, CSS3, JavaScript ES6 modules, Three.js, lazy loading, and GPU-accelerated rendering to keep complex visual effects fast, fluid, and mobile-friendly.
So smooth it makes butter ask for tips
Responsive Layout
Fully responsive accordion slider that adapts smoothly to desktop, tablet, and mobile screens.
Desktop & Mobile Optimized
Accordion Slider adapts to any screen size and device, whether you are using iOS, iPhone, Android, tablet, or a desktop browser.
Images & Videos Support
Supports both images and videos, making it ideal for creative portfolios, product showcases, hero sections, presentations, and visual storytelling.
GLSL Shader Effects
Built with GLSL and Three.js to create real-time WebGL distortion effects that feel smooth, natural, and organic.
Semicircular Distortion
Optional semicircular item distortion creates a curved accordion motion, example here.
Mouse Based Rotation
Optional mouse-based rotation adds subtle camera movement and depth, example here.
Glitch Distortion
Glitch-style item curve distortion for a bold visual transition, example here.
RGB Shift Distortion
RGB shift distortion adds chromatic movement and energy to the items, example here.
Item Noise Animation
Optional item noise animation adds a flag-like animated distortion, example here.
Noise Post-Processing
Noise post-processing adds texture, movement, and atmosphere, example here.
Bend Effect
Bend post-processing gives the slider a flexible, warped visual style, example here.
Aggressive Grid Effect
A stronger grid distortion preset for more dramatic visuals, example here.
Animated Captions
Optional captions can be added to each slide and fully customized with your own CSS styling.
Performance Optimized
Built with HTML5, CSS3, JavaScript ES6, Three.js, lazy loading, and GPU-accelerated rendering for smooth performance across devices.
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
