HoverRevealGallery

Bring your grid to life on hover.

About AeroReveal brings a high end, interactive media grid straight into your Framer projects. Perfect for portfolio pages, case studies, or design showcases, it keeps your layout completely clean until a visitor moves their mouse. As they hover, smooth scale shifts, elegant text overlays, and an optional immersive 3D tilt effect instantly bring your imagery to life. What it does It dynamically generates a fully custom portfolio grid based on your chosen items, controlling everything from column counts to exact gaps and card aspect ratios. The component manages live cursor tracking to display a custom floating view label, handles smooth color overlays, and supports a built-in light box mode so users can easily click and expand any image for a closer look. What you can customize Grid layout: Adjust the exact number of columns, gap spacing, card padding, border radius, and card aspect ratios (like 4:3) or opt for full viewport height constraints. Hover effects: Fine tune the overlay color and opacity, control the image scale zoom level, and toggle a fluid 3D tilt interaction with adjustable degree intensity. Custom cursor: Show or hide a trailing custom cursor, swap the text label, and style the cursor background and typography colors. Content & light box: Choose to show or hide categories and descriptions, customize fonts and colors for all text layers, tweak text background visibility and opacity, and toggle the fullscreen light box feature on or off. Great for Design and photography portfolio pages Agency case study grids Product feature showcases Creative studio homepages Visual moodboards and inspiration sections Share your build If you ship something cool with it, post it on X and tag me @Dulajweb Need help? Questions or feedback? Reach me anytime: dulajdilshan766@gmail.com or on X @Dulajweb

Bring your grid to life on hover.