Layer

Sparkling Pixels: An Interactive Framer & React Component

by Inès Gruhier

I’ve been working on something fun: a custom Framer & React component that makes pixels sparkle when you hover over them. You can add as many colors as you want, adjust the pixel size and spacing, randomize the flickering effect, and choose different ways to trigger the animation (on load or hover). The effect doesn’t have to follow the mouse, it can be static as well, giving you full control over how it behaves. Thanks to Sébastien from asyncdev.com for building this with me :) I’ll be sharing the link soon, along with other interactive components we've been working on! Follow me on X for more updates @odubu_design

Layers - Explore Designs