Interactive Grid
The Interactive Shape Grid is a customizable, hover-responsive background of geometric shapes with smooth animations, perfect for hero sections, portfolios, and creative websites.
Make it with Workshop
Build your own component with AI
Interactive Shape Grid:
A dynamic, hover-responsive grid of geometric shapes that smoothly scale and drift toward the cursor, creating a liquid-like animation effect. Fully customizable, visually engaging, and adaptable to any design.
Best Uses:
Hero sections and creative backgrounds
Portfolios and landing pages
Design showcases and artistic sites
Animated loaders or subtle interactive elements
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
