🌋 Lava Lamp Adoptable Demo

See the lava lamp in action at various sizes and color schemes!

Classic Orange

150px × 280px

Purple Dreams

120px × 250px

Ocean Blue

100px × 200px

Lava Red

180px × 320px

Mint Fresh

140px × 260px

Sunset Glow

110px × 220px

Cyber Green (Pixelated)

160px × 300px (6px pixels)

Pink Bubble (Pixelated)

130px × 240px (3px pixels)

Tiny Retro (Pixelated)

40px × 80px (3px pixels)

How to Use

Simply copy and paste this code into your website. The lava lamp will scale to fit any container size you specify!

<div style="width: 200px; height: 350px;">
  <script src="https://ritual.sh/js/adoptables/lavalamp.js"
          data-bg-color-1="#F8E45C"
          data-bg-color-2="#FF7800"
          data-blob-color-1="#FF4500"
          data-blob-color-2="#FF6347"
          data-case-color="#333333"
          data-blob-count="6"
          data-speed="1.0"
          data-blob-size="1.0"></script>
</div>

Customization Options

data-bg-color-1 & data-bg-color-2: Background gradient colors
data-blob-color-1 & data-blob-color-2: Blob gradient colors
data-case-color: Color for the top cap and bottom base
data-blob-count: Number of blobs (3-12)
data-speed: Animation speed multiplier (0.5-1.5x)
data-blob-size: Blob size multiplier (0.5-2.0x)

🌟 Create your own custom lava lamp at ritual.sh/resources/adoptables