# Gutenslider × gpu slider: shader sliders on the GPU

URL: https://gutenslider.org/gpuslider/
Updated: 2026-10-12

> Gutenslider and gpu slider, an image and video carousel drawn with WebGPU and WebGL, work together on shader effects. Live demos and what Gutenslider Pro has today.

Collaboration

## Gutenslider × gpu slider

gpu slider is an image and video carousel drawn on the GPU: WebGPU where the browser has it, WebGL 2 where it doesn’t, and a plain HTML slider underneath that works everywhere. Gutenslider and gpu slider work together on shader effects for sliders. gpu slider is not part of Gutenslider yet: what you see here runs on gpuslider.com.

Try the demos

[Visit gpuslider.com](https://gpuslider.com/)

Live demos

### Drawn on the GPU

Drag, swipe or scroll inside a demo. Each one loads from gpuslider.com when you click it.

#### Panes

Four pictures in view that turn into the next four by a canvas transition: liquid, burn, glyphs, weave, lightning and more. [Open on gpuslider.com](https://gpuslider.com/examples/panes/)

#### Echo

A reel of photos that leave frames of themselves behind as they move: the faster, the farther apart. [Open on gpuslider.com](https://gpuslider.com/examples/echo/)

#### Wave

Bands of pictures that run against each other, in five stages, each wilder than the last. Click a picture and it opens. [Open on gpuslider.com](https://gpuslider.com/examples/wave/)

More on gpuslider.com: [all examples](https://gpuslider.com/examples/), the [playground](https://gpuslider.com/playground/) and the [docs](https://gpuslider.com/docs/). gpu slider is open source (MIT) on [GitHub](https://github.com/niklasp/gpuslider) and npm.

### Shader effects in WordPress today

You don’t have to wait to use effects like these on your site. [Gutenslider Pro](https://gutenslider.org/pro/) has 20 WebGL transitions, from liquid and ripple to glitch and fluted glass, plus 3D and shaped effects, right in the block editor. [See them in the examples](https://gutenslider.org/examples/#webgl).

- Gutenslider: the slider block for the block editor. Images, videos and any blocks on top, free on wordpress.org.
- gpu slider: a carousel drawn on the GPU for any site or app, with a core under 5 KB, in plain HTML, React or Vue.
- Together: shader effects that run fast, respect reduced motion, and fall back to a plain slider where the GPU can’t help.

Free · GPL v2 or later · No account

### Build your first slider.

Gutenslider is free. Install it from the plugin directory; Pro adds more effects when you need them.

[Download free](https://wordpress.org/plugins/gutenslider/)

[See Pro](https://gutenslider.org/pro/)

Version 7.2.0 · WordPress 6.6+ · PHP 7.4+