# Accordion Slider - Threejs slider

**URL:** <https://discourse.threejs.org/t/accordion-slider-threejs-slider/92201>\
**Category:** Showcase\
**Tags:** slider, gallery, video-slider\
**Created:** [June 13, 2026, 2:02pm UTC](https://discourse.threejs.org/t/accordion-slider-threejs-slider/92201 "2026-06-13T14:02:04Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Tibi](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/tibi/32/61300_2.png) [@Tibi](https://discourse.threejs.org/u/Tibi)\
**Post date:** [June 13, 2026, 2:02pm UTC](https://discourse.threejs.org/t/accordion-slider-threejs-slider/92201/1 "2026-06-13T14:02:04Z")

</div>

Accordion Slider is a responsive, touch-friendly media slider built with HTML5, CSS3, JavaScript ES6 modules, and WebGL effects. It supports both images and videos, includes animated captions and slideshow controls, and delivers smooth 3D transitions for immersive product showcases and visual storytelling. The slider is easy to configure through a clear settings object and works well across desktop and mobile layouts.

> **[Accordion Slider](https://fwdapps.net/p/as/)**
>
> Accordion Slider is a responsive, touch-friendly media slider built with HTML5, CSS3, JavaScript ES6 modules, and WebGL-powered effects, featuring smooth 3D transitions, animated captions, slideshow controls, and support for both images and videos...

 ![slider](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/a/b/ab86cb9fac7d7d443d3babccf543596bf932588c.jpeg)  
 ![slider-2](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/1/a/1a3fb04f4fc59cf35dc7a5d97c8a00ab3fd5428a.jpeg)