The library

Techniques, not templates

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

1 / 2

Flexbox Expanding Gallery on Hover

A responsive gallery where hovering over a panel expands it, causing other panels to gracefully shrink. This effect is achieved purely with CSS flexbox and transitions, leveraging the `flex` property.

animationcsslayouthoverflexboxgallery

2 / 2

CSS :has() Gallery Spotlight

Demonstrates the CSS :has() selector by creating a gallery where hovering over one item dims all other items, effectively spotlighting the hovered element purely with CSS.

csshoverinteractionselectorhasgallery