Customize every part of the component directly from the right panel — upload your own images, edit titles and subheadlines, assign individual links, and define custom background colors per item. Fine-tune scaling, opacity, spacing, typography, border radius, and layout settings without touching the code.
As users scroll through the gallery, the image closest to the center of the viewport automatically becomes active. Active images smoothly scale up and gain opacity, while inactive items fade into the background. Titles, subheadlines, and even the global background color update dynamically in real-time for an immersive browsing experience.
Each item supports its own custom background color, allowing the entire experience to visually adapt while scrolling through the gallery. Images can also include individual links — perfect for connecting projects, services, case studies, or external pages directly from the component.
The component is fully optimized for desktop, tablet, and mobile. On larger screens, titles and subheadlines are displayed as fixed side content for a more editorial feel. On tablet and mobile, the layout automatically stacks vertically beneath the active image for better readability and usability — no extra setup required.
Have fun building and experimenting with it :)
moritz strobel
