# Lava Lamp Adoptable - Demo Examples

# 🌋 Lava Lamp Adoptable Demo

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

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

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)
- `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