I built a WebGL background for Framer that actually reacts to you. 👀

I wanted something more than another static gradient.

So I built Gradient Karim Background — an interactive WebGL component for Framer with:

✨ 6 curated color presets

🖱 Cursor-follow interaction

💫 Click ripples

🌊 Organic animated distortion

🎛 Full Framer controls

📱 Responsive rendering

♿ Reduced-motion support

⚡ Viewport-aware WebGL rendering

You can drop it into a Framer project, customize it from the property panel, and instantly give your hero section a more immersive feel.

Try it here: Gradient Karim Background

I built this as part of my exploration of design + code + creative WebGL.

Would you use something like this in your next Framer project?

I built a WebGL background for Framer that actually reacts to you. 👀

I wanted something more than another static gradient.

So I built Gradient Karim Background — an interactive WebGL component for Framer with:

✨ 6 curated color presets

🖱 Cursor-follow interaction

💫 Click ripples

🌊 Organic animated distortion

🎛 Full Framer controls

📱 Responsive rendering

♿ Reduced-motion support

⚡ Viewport-aware WebGL rendering

You can drop it into a Framer project, customize it from the property panel, and instantly give your hero section a more immersive feel.

Try it here: Gradient Karim Background

I built this as part of my exploration of design + code + creative WebGL.

Would you use something like this in your next Framer project?