HEPTA Grid

Animated Canvas Grid

HEPTAGrid is a high-performance background utility for Framer, designed to bring fluid, generative motion to technical layouts. By leveraging the HTML5 Canvas API, it renders sharp, repeating geometric patterns that animate seamlessly without the overhead of heavy video files or complex SVG structures. It provides a tactile, responsive layer for hero sections and modern UI, maintaining 60fps performance across all devices. Precision Control: Fine-tune cell size, gap spacing, and line thickness directly from the Framer properties panel to match your brand's aesthetic. Omnidirectional Motion: Choose from 8 directional flow states—including all diagonal vectors—for perfectly aligned motion paths. Zero Dependency: Built with pure Canvas logic. No GSAP, no external libraries, and zero bloat for lightning-fast page loads. Retina Ready: Automatically detects device pixel density and container resizing, ensuring your grid stays crisp on every screen.

Animated Canvas Grid