About Domus 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.
