April 9, 2026SimpleGalleries & Media
Double Gallery
Pairs of images that redistribute their widths as you move the mouse across the screen. The dominant image shrinks as the secondary expands, using lerp-smoothed requestAnimationFrame. Pairs alternate between 66/33 and 33/66 splits.
Preview
Kickandbass
Motion-forward Shopify storefront for a London music label.
2024
Westend
Campaign site for a community arts organisation.
2024
Delivrd
Brand identity and web for a logistics startup.
2023
Socialstats
Data product for social media managers.
2023
Kevin Davis
Artist portfolio for a London-based photographer.
2023
No-5 Studio
Studio identity and digital presence.
2024
Source
import DoubleGallery from "./index.jsx";
import { doubleGallery } from "../demo-data.js";
import styles from "./demo.module.css";
export default function DoubleGalleryDemo() {
return (
<div className={styles.demo}>
<h2 className={styles.heading}>Selected Work</h2>
<DoubleGallery projects={doubleGallery.projects} />
</div>
);
}
Related Components
1W AGO
BeNorth Reelgalleries
1W AGO
Lamalama Case Listgalleries
1W AGO
Inkfish Work Gridgalleries