SeventhGrid
Animated canvas grid with smooth motion and hover highlights — perfect for hero sections and tech layouts.
Make it with Workshop
Build your own component with AI
About this Component
SeventhGrid is a fully customizable animated canvas grid for Framer. You can adjust the animation speed, grid square size, motion direction (right, left, up, down, or diagonal), border color, hover highlight color, and enable or disable hover interactions — giving you full control over the grid’s appearance and interactivity.
It renders a repeating square pattern that animates seamlessly and adapts automatically to mobile devices with optimized performance. Subtle cursor-hover highlights add depth and interactivity without affecting smoothness.
Built entirely with pure Canvas, SeventhGrid is lightweight, visually sharp, and flexible. It works instantly in any layout or section, perfect for hero backgrounds, tech-driven pages, and modern UI designs — all without GSAP, external dependencies, or unnecessary complexity.
