Colourful board on hover in Framer
Colourful board on hover in Framer
Colourful board on hover in Framer

Category

Component

Category

Component

Author name

Luca Da Corte

Author name

Luca Da Corte

Last Updated

Jul 4, 2024

Last Updated

Jul 4, 2024

Overview

Easily build a colorful board where each square lights up with a random color on hover.

The color effect lasts for 1.5 seconds by default, but you can customize this interval within the code to suit your needs.

Features:

  • Interactive Hover Effect: Squares change color on hover, adding a playful and engaging element to your design.


  • Customizable Timing: The default color duration is 1.5 seconds, but you can adjust this in the code for more control.


  • Easy Implementation: Simply drag and drop the component inside your project and duplicate it as many times as you want.

Inspiration: https://codepen.io/FlorinPop17/full/PooPJKL