Grid Buldge

Turn a simple grid of pixels into an interactive experience.

Pixel Bloom is a lightweight, cursor-responsive Framer component that brings motion and color to your website. As users move their cursor across the canvas, nearby pixels grow and bloom into vibrant colors, creating a playful interaction that follows every movement.

Features

• Cursor-reactive animation: Pixels expand and change color based on cursor proximity.

• Customizable colors: Choose four highlight colors to match your brand.

• Adjustable interaction radius: Control how far the blooming effect spreads.

• Flexible pixel grid: Customize pixel size, spacing, and growth intensity.

• Responsive design: Automatically adapts the grid to different container sizes.

• Performance-conscious: Uses Canvas rendering and supports reduced-motion preferences.

Perfect For

Creative portfolios, interactive backgrounds, hero sections, experimental websites, and landing pages that need a little personality.

Make every pixel count.

Want to explore more creative interactions and Framer components?

Visit hardik-gupta.com