TouchHoverGrid turns a simple collection of cells into a dynamic, interactive visual using randomized hover behavior, flashing patterns, subtle jitter, and customizable motion.
Built to be endlessly tweakable in Framer — from grid size and colors to animation, timing, randomness, cursor behavior, and interaction modes.
What you can Tweak
Grid columns & rows Hover interaction & rotation Idle and active colors Symbol & symbol size Controls for interval & count Controls for animation & jitter Controls for Animations Cursor visibility Selectability
Use it for hero sections, interactive backgrounds, creative portfolios, landing pages, experimental interfaces, or anywhere a static grid feels too predictable.
Make it calm. Make it chaotic. Make it yours.
TouchHoverGrid turns a simple collection of cells into a dynamic, interactive visual using randomized hover behavior, flashing patterns, subtle jitter, and customizable motion.
Built to be endlessly tweakable in Framer — from grid size and colors to animation, timing, randomness, cursor behavior, and interaction modes.
What you can Tweak
Grid columns & rows Hover interaction & rotation Idle and active colors Symbol & symbol size Controls for interval & count Controls for animation & jitter Controls for Animations Cursor visibility Selectability
Use it for hero sections, interactive backgrounds, creative portfolios, landing pages, experimental interfaces, or anywhere a static grid feels too predictable.
Make it calm. Make it chaotic. Make it yours.
