Hover Grid FX
Interactive animated grid with hover effects, glow, borders & image reveal. Fully customizable movement & styling. Ideal for modern hero sections, portfolios & immersive UI visuals
Made with Workshop
Build your own component with AI
HoverGridFX is a fully animated interactive grid experience for Framer — perfect for creating futuristic hero backgrounds, portfolio highlights, or interactive UI moments. Each square reacts to mouse movement, revealing color or images with smooth motion and dynamic glow effects.
Customize direction, speed, styling, borders, hover image fills, and lighting to craft visually striking layouts that feel premium and alive.
🔑 Key Features
✨ Animated grid movement with directional control (Up / Down / Left / Right / Diagonal)
🎨 Customizable hover reveal using color fill or images
📦 Square size & grid density controls
🌈 Radial glow effect with intensity & color options
⚡ GPU-optimized Canvas rendering
✋ Interactive hover detection for each square
🧱 Dashed, dotted, or solid border styles
🖼️ Hover image support for creative layouts
🎯 Best For
Hero sections & landing page intros
Portfolio showcase backgrounds
Creative studio & tech websites
Minimal reactive UI textures
Interactive visual storytelling
Product highlight or hover-inspect effects
📍 Where to Use
Home page hero block
Section transitions & dividers
Behind headlines or fullscreen layouts
Inside scroll-driven animations
As decorative interactive layers
