Domus Gallery

A pinned horizontal gallery

Domus pins a row of images in place as the page scrolls, then moves through them horizontally. Each slide has a parallaxing image and a title that slides in as it comes into view. Below your mobile breakpoint it falls back to a plain swipeable carousel, since pinning and smooth-scroll libraries tend to fight touch scrolling rather than work with it. The component sits at a fixed width-fill, height-100vh, so it drops into a layout without throwing off whatever's above or below it. Key Features Pinned horizontal scroll with per-image parallax, using GSAP ScrollTrigger and Lenis Falls back to a native swipeable carousel below a breakpoint you set Font control (family, weight, size, line-height, spacing) through Framer's built-in font picker Separate title-case control (UPPERCASE, lowercase, Capitalize, or as-typed) Editable slide count, images, and captions from the layer panel Adjustable scroll length, for how long the pin holds before releasing Fixed at width-fill, height - 100vh Ideal for Architecture and interior design portfolios, real estate and hospitality sites, agency case studies, product showcases.

A pinned horizontal gallery