Interactive Grid
Interactive background grid with hover animations, liquid-like motion, and full customization. Perfect for hero sections, portfolios, and creative landing pages.
Make it with Workshop
Build your own component with AI
Transform your website with a dynamic, interactive background component built for framer. The Interactive Grid creates a hover-responsive field of geometric shapes that scale and drift toward the cursor, producing a smooth, liquid-like animation effect.
Fully customizable and lightweight, this component is perfect for hero sections, portfolios, and landing pages where you want motion, depth, and visual impact without overwhelming your design.
Best Uses
🚀 Hero sections with animated, interactive backgrounds
🎨 Portfolios and landing pages that need modern motion design
✨ Creative showcases and artistic websites
⏳ Animated loaders or subtle background effects
Key Features
Shapes: Circle, Rectangle, Triangle, Diamond, Star, Hexagon, Pentagon
Animations: Proximity scaling, liquid drift, smooth speed and easing
Customization: Grid rows/columns, size, spacing, growth intensity, colors, animation speed
Why Use Interactive Grid?
Optimized for Framer interactive backgrounds
Boosts engagement with smooth cursor-driven motion
Easy to customize for any creative website or portfolio
Designed for modern hero sections and landing pages
With Interactive Grid, you can instantly add depth, movement, and personality to your Framer projects. Perfect for designers, developers, and creators looking to stand out on the web.
