Lumin - breakfusion.com

Customize your lumin blob effect using the controls below
Click the Get Code button and copy the JavaScript
In Breakdance Builder, add a Code element and paste the JavaScript
Add the attribute
data-lumin-blob📋
(set value to "true") to any container with text elements

This tool creates a custom script with your settings built-in. The effect automatically detects text elements in your container and creates stunning blob animations behind them! Remember to set the data-lumin-blob attribute value to "true" for the effect to work properly.

LUMIN

Breakfusion Exclusive Get Your Lumin Blob Effect

Create mesmerizing 3D blob animations behind your text with advanced WebGL rendering and automatic text detection technology.

Automatic text detection and background animation
Advanced WebGL raymarching for smooth 3D effects
Fully responsive and optimized for all devices
Customizable blob colors, intensity, and animation
Smart performance optimization for mobile devices

Animation Settings

Animation Speed 1.8

Blob Intensity 1.1

Smoothness 0.55

Visual Settings

Blob Color

Blob Highlight

Documentation

GETTING STARTED

MENU ANIMATION

CORE BACKGROUND

SHOWCASE

VISUAL EFFECTS

ANIMATED TEXT

INTERACTION

INSTANT MOTION

TRANSITION PAGES

How to Use in Breakdance Builder

JavaScript Code