Izubizu Slider - WebGL JavaScript Slider for Images, Videos

I’d like to share Izubizu Slider, a WebGL media slider built with Three.js and custom GLSL transitions. It supports both images and MP4 videos, per-slide transition selection, animated text captions, flowmap distortion, RGB shift, noise pass effects, parallax interaction, drag navigation, lazy initialization, and responsive layouts.

The goal was to build a slider that feels more cinematic and fluid than a standard DOM-based carousel, while still being practical for real portfolio, product, and presentation websites. A big part of the work went into combining shader-based transitions with interactive post-processing and keeping the setup flexible enough for both JavaScript and WordPress use.

2 Likes

This looks like a solid take on pushing sliders beyond the usual DOM carousel stuff.

What stands out is how you’re treating it more like a rendering system than just a UI component. Once you bring in GLSL transitions, flowmaps, RGB shift, and noise passes, it stops being a “slider” and becomes more of a mini post-processing pipeline for media.

Supporting both images and videos with per-slide transitions is a big plus too. That flexibility is usually where these kinds of tools fall apart, but it sounds like you’ve designed it to be modular instead of hardcoded.

The cinematic feel you’re aiming for definitely makes sense here. Shader-based transitions + parallax + animated captions can create something way more engaging than standard fades or translates, especially for portfolios or product showcases where presentation matters.

Also nice touch with lazy initialization and responsiveness. That’s the part people often overlook when going heavy on WebGL UI, making sure it still behaves well in real-world sites, not just demos.

Curious how you’re handling performance when stacking effects like flowmap distortion and post-processing, especially on mobile. Are you dynamically reducing passes or resolution based on device?

Overall, really strong balance between visuals and practicality. Feels like something that could actually be used in production, not just an experiment.

1 Like

This is a commercial product, it can be used in any page or WordPress/WooCommerce.

About performance is just normal post-processing passes no tricks it just works really well.

1 Like