WebGL Slideshow — Free React & Next.js Sliders Component

Three.js + GSAP shader-powered slideshow with 5 transition effects (glass, frost, ripple, plasma, timeshift), auto-play, keyboard nav, and effect switcher.

WebGL Slideshow is a premium sliders component for React and Next.js applications. Built with Tailwind CSS, GSAP animations. Copy-paste ready. Part of the ValvetUI component library.

Installation

Install with CLI: npx shadcn add @valvetui/webgl-slideshow

Category

Sliders — Image sliders, carousels, and galleries

Tags

• webgl
• three.js
• slideshow
• shader
• transition
• slider

Dependencies

• three
• gsap