I wanted a gallery that doesn’t just sit there while you scroll.

Meet Opposite Gallery.

Two rows of media moving against each other, with the motion reacting to how fast you scroll.

Scroll slowly and it glides.

Scroll harder and the whole composition picks up energy.

You can control the speed, direction, scroll response, momentum, spacing, card proportions, radius, labels and media directly in Framer.

I also added a small optional Playground so you can quickly experiment with the interaction before dialing in your final setup.

Works beautifully for:

Portfolios Photography Campaigns Creative studios Editorial layouts Product showcases

Images, GIFs and videos are all supported.

Opposite Gallery — now available for Framer.

I wanted a gallery that doesn’t just sit there while you scroll.

Meet Opposite Gallery.

Two rows of media moving against each other, with the motion reacting to how fast you scroll.

Scroll slowly and it glides.

Scroll harder and the whole composition picks up energy.

You can control the speed, direction, scroll response, momentum, spacing, card proportions, radius, labels and media directly in Framer.

I also added a small optional Playground so you can quickly experiment with the interaction before dialing in your final setup.

Works beautifully for:

Portfolios Photography Campaigns Creative studios Editorial layouts Product showcases

Images, GIFs and videos are all supported.

Opposite Gallery — now available for Framer.