Google Gravity Slime Mr Doob

(2009) causes the search page to collapse into a heap of interactive blocks, the

version—often referred to as "Google Gravity Lava" or "Google Gravity 3D"—adds fluid-like physics and trail effects to the moving elements. Key Features of Mr.doob’s Gravity Experiments Physics Engine : These projects were originally created for Chrome Experiments

to demonstrate the then-new capabilities of HTML5 and JavaScript. Interactive Elements

: Users can grab the Google logo, search bar, and buttons with their mouse or finger to fling them across the screen. Slime/Lava Effect

: In the specific "Slime" variant, elements often leave trails or behave like viscous fluid on a grid, allowing you to add and move "squares" that react to gravity like liquid. Modern Restoration

: Because the original Google Search API was retired in 2014, sites like

have restored the project with mobile optimization and working search functions. Popular Google Gravity Variants by Mr.doob Google Gravity : The iconic original where everything falls to the bottom. Google Zero Gravity (Antigravity) Google Gravity Slime Mr Doob

: Elements float freely as if in space, drifting and spinning when touched. Google Gravity Slime/Lava

: A grid-based version where clicking adds interactive blocks that move with liquid-like physics. Google Sphere

: Search results orbit the center of the screen in a 3D cloud. How to Access You can find these experiments directly on Mr.doob’s official project page or via the restored archives at Interview with Mr.doob

━━━━ Ricardo Cabello, aka Mr. doob, is a self-taught web developer based in London (he originally hails from Barcelona). GitHub Pages documentation Google Zero Gravity trick and how does it works – PBS

Google Gravity is a famous interactive experiment created by developer Ricardo Cabello, better known as Mr.doob. Originally launched in March 2009 as part of Chrome Experiments, it reimagines the static Google search page as a dynamic playground governed by 2D physics. Features and Experience

Physics-Driven Chaos: Upon loading the page, all interface elements—including the Google logo, search bar, and buttons—lose their "grip" and crash to the bottom of the screen. (2009) causes the search page to collapse into

Interactive Play: You can click and drag any element to toss it around. The objects bounce realistically, colliding with each other and the edges of your browser window.

Simulated Search: The original version utilized Google’s Web Search API, allowing you to actually type and search; the search results would then drop into the "pile" at the bottom of the screen.

Technological Foundation: It was built using JavaScript and the Box2D physics engine, demonstrating the ability of modern browsers to handle complex real-time simulations. How to Access It

While it is no longer an active part of the live Google homepage, you can still play with it through these mirrors:

Mr.doob's Projects: The original host site maintained by the creator.

elgooG: An enhanced version that restores the search functionality and adds features like a dark theme and mobile optimization. Notable Variations Start with Mr

Mr.doob and other developers have created several spin-offs based on the same physics concepts: Mr.doob | Three.js Quake

Common Issues & Troubleshooting

How to Experience It

Because "Google Gravity Slime" is not an official Mr. Doob experiment, finding a working version requires a little digging:

Start with Mr. Doob's original – Visit his site to see the classic physics collapse.
Search for "Google Slime experiment" on GitHub or CodePen – Web hobbyists often fork the original code and replace the physics with liquid/slime simulations.
Use "Google Gravity" first – Some modern browsers block older scripts. If it doesn't work, try Chrome or Firefox with hardware acceleration on.

Compatibility & Requirements

Modern desktop browsers (Chrome, Firefox, Edge, Safari). Mobile support varies due to touch input and performance constraints.
Efficient on devices with decent CPU/GPU; heavy DOM count or high physics iterations may reduce FPS.

How it works (technical summary)

Implemented as a client-side web page using JavaScript and HTML/CSS.
Uses a 2D physics engine (often a lightweight physics library or custom code) to simulate gravity, collisions, and constraints for DOM elements.
Each visible page element (logo, search bar, buttons, links) is mapped to a physics body; positions are updated each animation frame and applied to element styles (CSS transforms/position).
Event handlers allow dragging, throwing, and interacting with elements (mouse/touch).
May use requestAnimationFrame for smooth animation and CSS transforms for performance.
Does not require server-side components beyond hosting static assets.

Cultural Impact: More Than Just a Toy

For millennials and Gen Z who grew up in computer labs, "Mr. Doob" is shorthand for the golden age of experimental web. Before app stores, before TikTok, you could type weird phrases into Google and break reality for 10 minutes.

The "slime" experiment, in particular, predated the ASMR slime craze (think: real slime videos on YouTube, slime toys, DIY slime kits) by nearly half a decade. In a way, Mr. Doob predicted our obsession with digital fidget toys.

YouTube compilations titled "GOOGLE GRAVITY SLIME MR DOOB FAILS AND FUNNY MOMENTS" have millions of cumulative views, even though the original experiments don’t have sound or scoring.