Social Highlights Widget Apr 26

What sets this caroussel apart is the monochrome to color animation. It's a subtle effect that puts focus on the current item and makes it stand out from the others.

James Clements has a few more well designed components that use this effect, like this tech stack icons component where the icons become colored when hovered.

It's a great effect to use whenever you want to highlight a specific item and make it stand out from similar items around it. It's a creative alternative to just fading out the other items.

Try this effect yourself by animating the filter: saturate(0) CSS property.