Some hero sections introduce your website.

My free WebGL Orb Hero makes people want to play with it. ✦

I wanted to create a hero that feels alive — something that sits somewhere between typography, interaction and digital art.

So I built a real-time WebGL orb with three completely different personalities:

◉ Liquid Chrome ◉ Soft Glass ◉ Electric Plasma

It reacts to your pointer, morphs continuously and can be customized directly inside Framer.

But my favourite part might be the little Playground I added.

Turn it on and visitors can switch materials and experiment with Motion, Distortion and Pointer response themselves.

Turn it off and you have a clean, premium hero ready for an AI startup, creative studio, SaaS product or portfolio.

Responsive. Reduced-motion aware. Static-renderer optimized. Pauses when offscreen. And built to gracefully fall back when WebGL isn't available.

Some hero sections introduce your website.

My free WebGL Orb Hero makes people want to play with it. ✦

I wanted to create a hero that feels alive — something that sits somewhere between typography, interaction and digital art.

So I built a real-time WebGL orb with three completely different personalities:

◉ Liquid Chrome ◉ Soft Glass ◉ Electric Plasma

It reacts to your pointer, morphs continuously and can be customized directly inside Framer.

But my favourite part might be the little Playground I added.

Turn it on and visitors can switch materials and experiment with Motion, Distortion and Pointer response themselves.

Turn it off and you have a clean, premium hero ready for an AI startup, creative studio, SaaS product or portfolio.

Responsive. Reduced-motion aware. Static-renderer optimized. Pauses when offscreen. And built to gracefully fall back when WebGL isn't available.