FxGallery Image

Description: This Image_Fx_Gallery component creates a cinematic photo display with a striking mirror reflection and a progressive blur overlay, delivering a polished, glassy…

Description: This Image_Fx_Gallery component creates a cinematic photo display with a striking mirror reflection and a progressive blur overlay , delivering a polished, glassy visual effect. Designed for Framer , it lets users showcase their images in a modern and interactive style . At the top, the main image appears crisp and vivid, while the lower half reflects it perfectly , mimicking a glossy surface reflection. Between them, a layered blur gradient gradually increases in intensity, giving the gallery a smooth depth and transition effect — similar to what you’d see in professional motion graphics or photography portfolios. Below the reflection, a thumbnail navigation bar allows users to switch between images with smooth transitions and elegant highlights. Each thumbnail features customizable borders, spacing, and rounded corners for flexible design control. Key Features: 🪞 Realistic reflection effect with flipped imagery. 🌫️ Progressive blur gradient overlay for a cinematic feel. 🎞️ Smooth transitions using Framer’s state handling. 🖼️ Interactive thumbnails with selection highlights and hover effects. 🎨 Customizable colors, borders, and spacing directly from Framer controls. This component is perfect for creative portfolios , photography showcases , digital art displays , or any modern web experience that values visual storytelling with depth and elegance .