HexagonsGrid
An interactive animated hexagon grid for Framer. Each hexagon dynamically scales with mouse movement and features smooth color transitions, perfect for backgrounds, hero sections.
Made with Workshop
Build your own component with AI
About this Component
he Animated Hexagon Grid is a fully responsive and customizable canvas-based background component designed for Framer. It creates a dynamic grid of hexagons that animate continuously with subtle scaling effects and interactive responses to cursor movement.
Each hexagon smoothly transitions in size and motion, while customizable colors allow you to craft unique gradients, vibrant palettes, or minimalistic styles. Built with performance in mind, the animation runs fluidly on modern browsers and adjusts automatically to screen size.
Perfect for:
Modern, animated hero sections
Backgrounds that react to user interaction
Tech-inspired landing pages
Eye-catching visual effects for creative websites
Key Features:
Adjustable rows, columns, base scale, and minimum scale
Fully customizable background and hexagon colors
Interactive scaling that reacts to mouse position
Responsive and lightweight animation for smooth performance
Bring your designs to life with a playful, futuristic grid that blends motion, geometry, and interactivity seamlessly.
