Attraction Grid adds an interactive, eye-catching media gallery with an integrated magnetic tilt effect to your Framer projects. Drop it into a portfolio layout, a product gallery, or a homepage hero and let visitors experience a fluid, physics-based grid that reacts perfectly to their mouse movements. It is fully responsive right out of the box, handling complex layouts smoothly across desktop, tablet, and mobile screens.
Renders a dynamic image grid that tracks the user’s cursor to apply a smooth magnetic pull and 3D tilt effect to individual items. The component automatically adjusts your column layouts depending on the screen size, manages custom spacing between items, and locks media into your preferred aspect ratio. It creates an immersive, tactile browsing experience that makes static images feel alive and highly premium.
Grid settings: Control your column count individually for desktop, tablet, and mobile layouts, change horizontal and vertical gaps, and select from square, portrait, or landscape aspect ratios.
Physics & styling: Adjust the magnetic pull strength between weak, medium, and strong, set the exact maximum tilt angle in degrees, and tweak the border radius to match your site's branding.
Content: Easily upload and manage your array of images directly inside the Framer component interface.
Creative portfolios and agency showreels
E-commerce product showcases and lookbooks
Photography galleries and visual storytelling pages
Landing page hero sections that need an instant wow factor
Interactive brand dashboards and concept designs
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
