Silk Ribbon

Silk Ribbon runs your images along a ribbon that rises and falls like a wave. The top and bottom edges move differently, so the ribbon looks like it tilts in 3D. It scrolls on its own, you can drag it with real momentum, and it reacts to how fast it moves.

Features

• Wavy image ribbon with Wave Height, Wave Length, Wave Speed, Perspective and soft Shading

• Auto scroll with speed and direction, slowing down when the mouse is over it

• Drag or swipe with momentum. A pause before letting go stops it.

• Speed Reaction: the wave swells when the ribbon moves fast

• Scroll Boost: scrolling the page pushes the ribbon along

• Hover focus: the image under the cursor grows, the others fade, and a caption follows the cursor

• Click an image to open its link. Keyboard arrows and screen reader links included.

• CMS ready: drop a Collection List into the CMS slot, or bind each item’s fields

• Images list with Image, Title and Link. Empty slots show a neutral picture placeholder.

• Adjustable image shape, ribbon height, gap and edge fade

• Quality Auto lowers detail on slow devices to keep the motion smooth. It pauses off screen.

• Respects reduced-motion settings. On the canvas it draws one still frame.