FxGallery Image
Reflected Reality, A Dynamic Image_Fx_Gallery with Depth and Motion Blur
Made with Workshop
Build your own component with AI
Reflected Reality, A Dynamic Image_Fx_Gallery with Depth and Motion Blur
Made with Workshop
Build your own component with AI
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.
