The library

Techniques, not templates

Every trick recreated from the source video as a live, self-contained demo. Search, filter, open, steal.

1 / 2

Silky Edge Fades

Applies a smooth gradient mask to the top and bottom edges of a scrollable container, making content appear to melt into the background instead of ending abruptly. This creates a more polished and continuous user experience.

uxcssscrollgradientmasksmooth-transition

2 / 2

Seamless Infinite Marquee

A pure CSS scrolling marquee effect that endlessly loops a set of items without any visible seams or jumps, achieved by duplicating the content and translating it exactly -50%. Edges are faded using a CSS mask.

animationcsszerocssmaskmarqueeloop