Social Highlights Widget Apr 26

Caroussel for browsing through social embeds, with monochrome to color animation.

CSS

About this component

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.

Get the latest components in your inbox

Subscribe

Roundup of new components every two weeks