Lifetime 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.

Add to cart
A
C
C
O
R
D
I
O
N
S
L
I
D
E
R

Accordion Slider

──────20Sales .WordPress & WooCommerce Plugin

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

Regular License

79$

Extended License

199$

Yearly Subscription

59$

Installation & Setup

199$

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.

Add to cart
Cancel
Confirm
Accordion Slider

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

01.

Responsive Layout

Fully responsive accordion slider that adapts smoothly to desktop, tablet, and mobile screens.

02.

Desktop & Mobile Optimized

Accordion Slider adapts to any screen size and device, whether you are using iOS, iPhone, Android, tablet, or a desktop browser.

03.

Images & Videos Support

Supports both images and videos, making it ideal for creative portfolios, product showcases, hero sections, presentations, and visual storytelling.

04.

GLSL Shader Effects

Built with GLSL and Three.js to create real-time WebGL distortion effects that feel smooth, natural, and organic.

05.

Mouse Ripple Effect

Interactive mouse ripple distortion reacts to user movement, example here.

06.

Semicircular Distortion

Optional semicircular item distortion creates a curved accordion motion, example here.

07.

Mouse Based Rotation

Optional mouse-based rotation adds subtle camera movement and depth, example here.

08.

Glitch Distortion

Glitch-style item curve distortion for a bold visual transition, example here.

09.

RGB Shift Distortion

RGB shift distortion adds chromatic movement and energy to the items, example here.

10.

Fluid Post-Processing

Fluid post-processing creates a liquid-like motion effect, example here.

11.

Item Noise Animation

Optional item noise animation adds a flag-like animated distortion, example here.

12.

Noise Post-Processing

Noise post-processing adds texture, movement, and atmosphere, example here.

13.

Bend Effect

Bend post-processing gives the slider a flexible, warped visual style, example here.

14.

Afterimage Effect

Afterimage post-processing creates a trailing motion effect, example here.

15.

Grid Distortion

Grid distortion adds a structured WebGL effect to the transition, example here.

16.

Aggressive Grid Effect

A stronger grid distortion preset for more dramatic visuals, example here.

17.

Animated Captions

Optional captions can be added to each slide and fully customized with your own CSS styling.

18.

Performance Optimized

Built with HTML5, CSS3, JavaScript ES6, Three.js, lazy loading, and GPU-accelerated rendering for smooth performance across devices.

Get our Mega Bundle

All our products with 90% discount one time payment