Spherical Flow Slider is a modern Three.js/WebGL 3D slider built for smooth, drag‑driven navigation with snap easing, optional wheel control, and parallax. It supports MSDF bent captions with fully customizable typography, optional hand‑cursor guidance, navigation buttons, and a fluid post‑processing stack (wave + flowmap) for a cinematic look.
5 Likes
Nice concept. The spherical layout and parallax make the slider feel more immersive than standard flat sliders. The flowmap and wave effects also add a nice sense of motion without being too distracting.
I’m curious how heavy the MSDF bent captions are in terms of performance when multiple slides are visible. Also wondering if the shader effects scale down well on mobile GPUs since flowmaps can get expensive depending on resolution.
Overall it looks very smooth though, especially the snap easing during drag.
Performance it perfect… not much happening there is a vacation day for the GPU ![]()
