(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)
: 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 popular web experiment created by developer Ricardo Cabello , better known as
Originally built in 2009 to showcase the capabilities of JavaScript and HTML5, the "piece" functions as an interactive parody of the Google homepage where every element—the search bar, logo, and buttons—tumbles to the bottom of the screen due to simulated gravity. Key Features of the Piece Interactive Physics
: You can click and drag individual pieces of the interface, "throwing" them around the screen to watch them bounce and collide. Dynamic Results
: If you type a query into the search bar (which still works in some versions), the search results also fall from the top of the screen and pile up at the bottom. : While the original was a Chrome Experiment , you can still find it hosted on Mr.doob's personal site or archived versions like
Mr.doob is also the creator of other similar physics-based "pieces," such as Google Space (where elements float in zero gravity) and Google Sphere by Mr.doob, or are you looking for the source code for this specific gravity effect? Google Gravity - Mr.doob
Here’s a short story inspired by "Google Gravity Slime Mr Doob":
Leo was bored in computer class. The assignment was simple—“research the water cycle”—but his fingers had other plans. He typed Google Gravity Slime Mr Doob into the search bar and hit Enter.
The screen flickered. Then, the search bar dripped.
It sagged like warm taffy, pulling the Google logo down with it. But this wasn’t the usual Mr Doob gravity trick—where everything crumbles and falls. No. This time, the letters turned into thick, translucent slime. Greenish-blue, stretchy, alive.
“Uh… Ms. Phelps?” Leo whispered.
But Ms. Phelps was on her phone. The rest of the class was glued to their own screens. No one noticed as the slime oozed out of Leo’s monitor, over the keyboard, and pooled onto his desk. It was cool and jiggly, like a living stress ball.
Then it wrote something on his desk in glowing letters:
“shake to reset”
Leo shook his mouse. Nothing. Shook the monitor. Still nothing. Finally, he picked up the slime itself—and it vibrated in his hands.
The classroom disappeared.
He was standing inside a giant browser window. Above him, the Google logo hung in shattered fragments. Search results floated like jellyfish. And in the center, sitting cross-legged in a pile of animated slime, was a tiny pixelated figure wearing glasses.
MR DOOB.
“You broke the toy,” the figure said. “Now you are the toy.”
Leo opened his mouth to scream—but only a bubble of green slime came out.
Want me to continue the story or turn it into a comic script?
The Chaos of Google Gravity: Exploring Mr.doob’s Digital Masterpiece
In the late 2000s, the web was evolving from static pages into a playground for interactive art. One of the most iconic remnants of this era is Google Gravity, a physics-based experiment created by developer Ricardo Cabello, better known as Mr.doob. Originally launched in 2009, this project remains a legendary "Easter egg" that turns the world’s most organized search engine into a pile of interactive digital debris. What is Google Gravity?
Google Gravity is a browser-based experiment that simulates the physical pull of gravity on the Google homepage. When the page loads, everything—the Google logo, search bar, buttons, and text links—suddenly loses its structural integrity and tumbles to the bottom of the screen. The experience is fully interactive:
Interactive Physics: You can click, drag, and "toss" the collapsed elements around the screen using your mouse or finger on touch devices.
Collision Engines: The elements don't just fall; they bounce and collide with one another realistically, thanks to the Box2D JavaScript library used to simulate 2D physics.
Functional Chaos: Despite being in a heap at the bottom of the page, the search bar and buttons often remain functional. In enhanced versions, typing a search will even cause the search results to "fall" into the pile as well. Who is Mr.doob?
Ricardo "Mr.doob" Cabello is a Barcelona-born programmer and artist who has become a pivotal figure in the world of creative coding. While Google Gravity is one of his most famous "toys," his contribution to the web goes much deeper:
Google Gravity is a famous interactive physics experiment created by developer Ricardo Cabello (better known as Mr. doob).
Here are ready-to-use social media posts you can share, depending on the vibe of your profile: 🎨 Option 1: Casual & Fun (Best for Twitter/X or Threads)
Ever wondered what happens when gravity takes over the internet? 🌌 Google Gravity Slime Mr Doob
Go check out the legendary Google Gravity experiment by Mr. doob. The entire search engine literally falls apart, and you can toss the search bar and buttons around like toys! 🕹️
👉 Play with it here: https://mrdoob.com/projects/chromeexperiments/google-gravity/ #GoogleGravity #MrDoob #WebDesign #CodingLife #EasterEggs
🚀 Option 2: Informative & Nostalgic (Best for LinkedIn or Facebook) Blast from the past: When code meets gravity! 💻🍎
Back in 2009, creative developer Mr. doob asked a fun question: What if the Google interface had to obey the laws of physics?
The result was Google Gravity, a brilliant project showcasing the emerging capabilities of JavaScript and HTML5 at the time. Decades later, it is still one of the most satisfying interactive web toys on the internet.
If you need a 2-minute break today, go to the Mr. doob Google Gravity Project and watch the search page collapse into a pile of interactive rubble. You can grab the broken pieces and throw them across your screen!
What is your favorite classic internet Easter egg? Let me know in the comments! 👇
#WebDevelopment #JavaScript #HTML5 #InteractionDesign #CodingHistory
📸 Option 3: Short & Punchy (Best for Instagram or TikTok Captions)
Break your screen without actually breaking your screen. 💥💻
This is Google Gravity by Mr. doob! Go to the link in my bio to watch the site crumble and play with the pieces like slime on your desktop. 🔗✨
#GoogleGravity #WebDev #InteractiveArt #Satisfying #TechTips AI responses may include mistakes. Learn more
Here’s your action plan to enjoy these classics:
Google Gravity, then click "I'm Feeling Lucky".Mr. Doob Google Slime direct link (or check the comments on this article for a live link).Whether you call it Google Gravity, Google Slime, or the full Google Gravity Slime Mr Doob — the magic is still there. It’s a reminder that the web doesn’t always have to be useful. Sometimes, it just has to fall apart.
Have a working link to the original Mr. Doob slime? Found a modern WebGL remake? Share it in the comments below. And if you enjoyed this deep dive, try searching "Google Rainbow" or "Annoying Google" next.
Duration: 60 minutes
Total marks: 100
Instructions:
Section A — Short answer (20 marks — 4 × 5)
Section B — Practical tasks (40 marks — 2 × 20) 5. JavaScript snippet (20 marks): Write a minimal, self-contained JavaScript + HTML structure (no external frameworks) that creates a single draggable DOM element that falls with gravity and bounces when hitting the bottom of the viewport. Include comments and explain three lines that control physics behavior. (Mark: 10 for working code, 10 for explanations and clarity.)
Section C — Design & UX (20 marks — 4 × 5) 7. Accessibility (5): List three accessibility considerations when turning a functional search page into an interactive gravity/slime experience and propose one concrete mitigation for each. (2009) causes the search page to collapse into
Visual design (5): Recommend a vibrant color palette (3 colors with hex codes) and two micro-interaction cues that enhance perceived responsiveness.
Performance budget (5): Give a simple performance budget (fps target, max CPU usage hint, polyfill strategy) for desktop and mobile.
Security & privacy (5): Identify two potential security or privacy risks when embedding such interactive scripts into a public page and provide one mitigation for each.
Section D — Advanced challenge (20 marks — choose one) — answer your chosen task fully
Option A — Optimization (20): Given 200 draggable elements behaving like slime, describe an optimized update loop and collision strategy that minimizes CPU and memory churn. Include pseudo-code for the main loop and explain use of spatial partitioning or level-of-detail.
Option B — Remix & extend (20): Propose an extension to the Google Gravity Slime that adds realistic viscosity changes (e.g., syrup vs. water) controlled by a UI slider. Provide formulas or algorithmic steps to alter damping, spring stiffness, and collision restitution; include how to smoothly interpolate values and persist user preference locally.
Grading rubric (brief)
Answer format requirement:
End of examination.
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.
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
Mr.doob and other developers have created several spin-offs based on the same physics concepts: Mr.doob | Three.js Quake
Touch events are partially supported, but precision is poor. Best experienced with a mouse.