This experiment presents a functional version of the Google homepage that instantly collapses as if hit by gravity. The Experience: When you visit the Google Gravity page
A screen full of colorful balls that react to your mouse movements and browser window. Key Interactions: Move individual balls around.
Often searched alongside Google Gravity, the is another iconic project by Mr.doob . It features a minimalist screen filled with colored spheres that respond to gravity and browser movement.
The magic of Google Gravity lies in its clever combination of web technologies. At its heart is the , an open-source 2D simulation library ported to JavaScript. Widely used in popular games like Angry Birds , Box2D handles the complex calculations of gravity, inertia, collisions, and bounces between objects in real time, allowing each element on the page to behave like a physical body. Mr. Doob uses HTML5 and JavaScript to dynamically detach the standard HTML elements from their original positions in the Document Object Model (DOM) and apply the physics simulation to them. The result is a fully interactive simulation where the user can grab, toss, and play with the interface.
This is a famous "Chrome Experiment" created in 2009 that applies physical gravity to the Google homepage elements. The Effect
Furthermore, Google Gravity Pool Mr Doob has been used as an educational tool in various settings, helping students and teachers to visualize complex concepts such as gravity, physics, and web development.
"Try it."
The internet is full of interactive experiments, but few have captured the public's imagination quite like the digital physics sandboxes of the early 2010s. Among these, the "Google Gravity" project created by designer and developer Ricardo Cabello—better known online as Mr.doob—stands out as a masterpiece of creative coding. By taking the world’s most familiar, rigid web interface and subjecting it to the chaotic laws of physics, this experiment became an instant viral sensation.
At the time of its release, it served as a powerful demonstration of . It showed how developers could move away from static layouts toward dynamic, hardware-accelerated animations without needing external plugins like Flash.
When you move your mouse, click an object, and drag it, the script calculates the velocity of your mouse movement. When you release the mouse button, that velocity is transferred to the HTML element, allowing you to "pool" the items together or scatter them violently. How to Play Google Gravity Pool Today
In a 2011 interview, when asked about browser compatibility and progressive enhancement, Mr. Doob was characteristically direct. He explained that his focus was on exploring what the web could do tomorrow, not on accommodating yesterday's browsers, and that he always developed on relatively low-end hardware to ensure the experiments remained accessible to most users. That philosophy — chasing potential rather than perfect compatibility — produced work that consistently felt ahead of its time.