Live Preview

This page is running the effect in real time.

Use the preset selector in the bottom right to explore different variations and see how the effect responds instantly. All changes are applied live, allowing you to understand how it behaves before using it on your own site.

---

Key Benefits

• Live preview and control in the Customizer
• No code required
• Organic, non-linear motion
• Adjustable blob behaviour and density
• Save and reuse presets

---

Description

LavaLamp is designed to create natural, organic motion through merging shapes.

The effect generates multiple blobs that move independently, blending together as they interact. This creates a continuous, evolving surface that feels fluid rather than mechanical.

Because the system is fully adjustable, it can be tuned to remain slow and ambient, or configured to introduce more visible movement and interaction.

This makes it well suited to designs that benefit from softer, less structured motion.

---

Use Cases

• Hero sections
• Landing pages
• Creative or expressive layouts
• Full-page background enhancement

---

Control & Customisation

All aspects of the effect can be adjusted visually through the Customizer.

• Background and blob colours
• Animation speed
• Minimum and maximum blob count
• Blob size range
• Primary blob positioning and control
• Seed control for variation
• Preset system (included and custom)

Effects can also be applied to specific containers when needed.

---

Performance

Designed to maintain smooth animation while generating organic motion in real time.

---

Licensing

This is a premium effect.

• Fully visible and configurable in preview mode
• Requires a valid license for front-end use
• Included in the full effects bundle
• Available via annual, 2-yearly, or lifetime via bundle options

---

Explore different presets on this page, then fine-tune the effect in the Customizer once installed.