Floaty

Floaty adds a cinematic 3D parallax depth effect to every website you visit — making the web feel physical, layered, and alive.

As you move your mouse, different parts of the page respond at different depths. Headers and navigation gently recede into the background. Main content holds steady as your anchor. Forms, search bars, and interactive elements float softly toward you. The result is a sense of real depth that turns any flat webpage into something that feels like it exists in space.

Leave your mouse still for 10 seconds and Floaty switches to ambient drift mode — a slow, sinusoidal breathing motion that keeps your workspace feeling alive even when you're reading or thinking.

━━━━━━━━━━━━━━━━━━━━━━

HOW IT WORKS

Floaty uses hardware-accelerated CSS transforms to create three distinct depth layers on any page: