Lava Lamp

Lava Lamp A mesmerizing, interactive lava lamp simulation with realistic blob physics, metaball effects, and smooth animations. Demo Live Demo: https://lavalampjs.github.io Features Visual Effects Metaball rendering - Blobs seamlessly merge and separate Gradient colors - Temperature-based color interpolation Glass reflections - Realistic lamp glass with highlights and shine Bubble particles - Tiny bubbles rise from heated blobs Heat glow - Animated glow effect at the lamp base High DPI support - Crisp rendering on retina displays Physics Simulation Temperature dynamics - Blobs heat at the bottom, cool at the top Buoyancy system - Hot blobs rise, cool blobs sink Blob collisions - Realistic collision detection with momentum exchange Organic movement - Noise-based wandering for natural motion Squish deformation - Blobs deform when hitting boundaries Viscosity simulation - Fluid-like damping effects Controls Control Description Blobs Number of lava blobs (4-12) Speed Animation speed Heat Heating intensity affecting rise/fall rate Size Blob size multiplier Gooey Metaball merge threshold Colors Two-color gradient picker Liquid Background liquid color Color Presets 🔴 Classic - Traditional orange/red lava 🟣 Purple Haze - Mystic purple tones 🔵 Ocean - Blue/cyan aquatic theme 🟢 Nature - Green forest colors 🩷 Pink Dreams - Hot pink/magenta 🟠 Sunset - Warm sunset gradient Responsive Design Adapts to all screen sizes Portrait and landscape orientation support Fullscreen mode for immersive experience Touch-friendly controls Persistence All settings automatically saved to local storage Settings restored on page reload