🌋 Lava Lamp Adoptable Demo

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)
• data-pixelate: Enable the pixelated effect (true, or omit)
• data-pixel-size: Pixel size for pixelation effect (2-10, default 4)

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