Services Roll

Show Preview
Services Roll
Services Roll

About Services Roll

pinned services section where each service name rolls letter by letter, like little 3D cubes, as you scroll. The image changes with a smooth WebGL transition, and a side index tracks the active service. It pins itself, so you can drop it into any page and it just works.

Features

  • Letters roll like 3D cubes in a left-to-right wave, driven by scroll and fully reversible

  • Pins itself: no page setup or wrapper, just drop it in and scroll

  • WebGL image transitions: Waterfall, Liquid, Ripple or Fade, with Intensity and Axis controls

  • Synced index list: the marker and label follow the active service, and clicking one scrolls to it

  • Keyboard accessible index items and reduced-motion support

  • Desktop, Tablet and Phone variants included

  • Fit Height shrinks the type and image on short screens

  • Up to 5 services, each with its own image

  • Full control over font, colours, Letter Wave, Hold, Smooth and Pin Length

  • Works with Lenis smooth scroll when your site uses it

From Pixels71

Capsule Scroll Hero
Slide Up CTA
CTA Magnetic Button
Multi Images Reveal

Related Components

Scroll Step Timeline
Scroll Card Stack
FluxPricing
Interactive Footer