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
Curved Arc Carousel
Feature Carousel
Stagger Button

Related Components

Steps Flow
Polaroid Footer
Testimonial Reveal
Scroll Timeline Pro