Back to all components

Colourful board

Colourful board on hover

Colourful board on hover in Framer

Category

Component

Author name

Luca Da Corte

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

Check more
free resources

Explore more free components, animations, overrides, and clonables to build better and faster

Create a free website with Framer, the website builder loved by startups, designers and agencies.