Google Gravity Lava Mr Doob

It has been over a decade since the first Google Gravity experiment went live. In that time, the web has moved from Flash to HTML5, from jQuery to React. Yet, Mr. Doob’s experiments remain timeless.

Why? Because they remind us that the web is not just for consumption—it is for play. The phrase "Google Gravity Lava Mr Doob" has become a keyword that represents the golden era of creative coding. It represents a time when a single developer could make millions of people smile by simply dropping a search box on the floor.

Whether you are watching the Google logo crumble under realistic physics or watching brightly colored blobs bubble under a 3D lava lamp, Mr. Doob’s work is a testament to the joy of experimentation.

If you’ve ever wondered what happens when you mix Google’s clean search page with the laws of physics and a volcanic twist — wonder no more. Enter Google Gravity Lava, a spectacular variant of the legendary Mr Doob experiment.

Google Gravity (and its lava remix) helped inspire a wave of “break the internet” experiments: Google Sphere, Google Space, Google Underwater. More importantly, it democratized 3D web development – showing that a single developer with three.js could turn the world’s most visited webpage into a lava lamp.

Mr. Doob didn’t just break Google. He melted it, and we can’t stop watching.


If you’d like a shorter version for social media or a technical breakdown aimed at developers, just let me know.

Google Gravity is a famous interactive experiment created by

(Ricardo Cabello) that visualises what would happen if gravity suddenly affected the Google homepage, causing its elements to crash to the bottom of the screen.

While there isn't a specific "Lava" version officially released by Mr.doob, his experiments are built using the Matter.js 2D physics engine. If you are looking to "create paper"—meaning a technical breakdown or a project report—here is a structured outline of how the Google Gravity simulation functions: Technical Overview: Google Gravity

DOM DeconstructionThe script first identifies every individual element on the standard Google search page (the logo, search bar, buttons, and links). It then strips them of their static positions in the browser's layout.

Physics Engine Integration (Matter.js)Each HTML element is mapped to a physical "body" within a 2D physics world. Google Gravity Lava Mr Doob

Rigid Bodies: Each button or text box is treated as a rectangle with mass and friction.

Gravity Vector: A constant downward force is applied to the world.

Real-Time RenderingThe simulation runs an animation loop (typically 60 frames per second). In each frame:

The physics engine calculates new positions based on collisions and momentum.

The CSS transform or top/left properties of the HTML elements are updated to match the engine's coordinates.

User InteractionUsers can "pick up" and throw elements using the mouse. This is achieved by creating a temporary "constraint" (like an invisible rubber band) between the mouse cursor and the physics body. Simulating "Lava"

If you wanted to add a "Lava" effect to this "paper," you would mathematically define a fluid buoyancy or viscosity layer at the bottom of the screen:

Density: Elements would float or sink based on their assigned mass relative to the "lava."

Drag Force: As elements fall into the lava, a high-resistance force would be applied to simulate thick liquid movement. If you’d like, I can help you further by:

Writing the HTML/JavaScript code snippet to recreate a basic gravity effect.

Explaining how to use Matter.js for custom physics projects. It has been over a decade since the

Finding other Mr.doob experiments (like the "Google Sphere" or "Internet Explorer 6" effects).

The Chaos of Google Gravity: Exploring Mr. Doob’s Digital Playground

Have you ever looked at the clean, organized Google homepage and thought, "I wish I could just knock all of this over" In 2009, developer did exactly that. His creation, Google Gravity

, became an instant internet classic, transforming the world’s most famous search engine into a pile of interactive rubble. But beyond the falling logos, there is a whole world of "lava" and "space" experiments to explore. What is Google Gravity? Google Gravity

is a Chrome Experiment that applies physics to every element on the Google homepage. The moment you move your mouse, the search bar, buttons, and logo lose their grip and tumble to the bottom of your browser window. Interactive Physics:

You can grab any piece—like the "I'm Feeling Lucky" button—and toss it around the screen. Searchable Chaos:

In its prime, you could still type into the fallen search bar and watch the search results fall from the top like heavy bricks. The "Lava" and "Voxels" Mystery When people search for "Google Gravity Lava,"

they are often looking for Mr. Doob’s more creative 3D experiments. While there isn't a literal "lava" search engine, several projects capture that "floor is lava" energy: Google Under Lava:

A popular variation that creates a graph-like surface where you can build structures out of red 3D squares. One of Mr. Doob’s most famous creations,

, allows you to click to add 3D blocks to a grid, effectively letting you build "lava" structures or houses in a browser-based sandbox. Google Underwater:

Another fan favorite where the search bar floats on water and fish swim past. If you search for "sharks," they’ll literally drop into your digital ocean. How to Play (The "I'm Feeling Lucky" Trick) If you’d like a shorter version for social

You can still access these experiments today. The most famous way to find them is the "I'm Feeling Lucky" shortcut: Go to the main "Google Gravity" "Google Gravity Lava" into the search box. Instead of hitting Enter, click the "I'm Feeling Lucky" Watch the world fall apart! Why We Still Love It These experiments by

weren't just toys; they were early proof of what modern browsers could do with JavaScript and physics engines. They turned a static, functional tool into a tactile playground, reminding us that the internet can—and should—be a little bit messy. Which Mr. Doob experiment is your favorite?

Let us know if you managed to build a house in the "Lava" grid! hidden within Google? Voxels - Mr.doob

0 - 9: colors, click: add voxel, shift + click: remove voxel, drag: rotate | share save clear. Mr.doob | Three.js Quake

Here’s a creative write-up for “Google Gravity Lava Mr Doob” — a playful, interactive web experiment.


The term "Google Gravity Lava" is a bit of a community-bred hybrid. While Mr. Doob created a separate, stunning "Lava" experiment (a 3D flowing lava texture using shaders), clever users and modders began combining the two ideas.

In the purest form of "Google Gravity Lava," you aren't just dropping a search bar; you are watching the interface melt. Imagine the Google logo dripping like hot magma, the search box dissolving into red and orange particles, and the "I'm Feeling Lucky" button oozing down the screen like hot wax.

While the official Mr. Doob site hosts the gravity experiment and the lava experiment separately, many fan-made versions and bookmarklets merge the two. Here is what you typically see in a "Lava Gravity" experience:

“Google Gravity Lava Mr Doob” is not an official Mr Doob release but a creative remix that expands on his original physics experiment. It combines nostalgic web pranks with real-time graphics techniques, demonstrating how simple ideas (gravity + lava visuals) can produce mesmerizing, interactive digital art.

While the standard Google Gravity remains a landmark in browser-based creativity, the lava version adds a sensory layer of heat, fluidity, and chaos — turning a search page into a molten playground.