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.
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.
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.
Design and photography portfolio pages
Agency case study grids
Product feature showcases
Creative studio homepages
Visual moodboards and inspiration sections
If you ship something cool with it, post it on X and tag me @Dulajweb , or send it over. I’d love to see what you create.
Questions or feedback? Reach me anytime: dulajdilshan766@gmail.com or on X @Dulajweb
Dulaj dilshan
