What is it?

Particle Sphere combines animated particles with dynamically changing text, creating an interactive and visually appealing effect. The text appears one word at a time, while particles move in the background, providing depth and motion to the design.

How to set it up?

This element is customized using the Bricks Builder attributes field. Particle Sphere utilizes the following attributes:

'data-particle-sphere'. Activates the Particle Words effect on the specified container. No value is needed; adding this attribute enables the functionality.

'data-words'. Defines the list of words to be displayed, separated by commas (e.g., "Hello, World, Welcome"). The text cycles through these words.

'data-color-preset'. Sets the color scheme for the particles. The preset names must match exactly with one of the following:

'data-font-family' (Optional). Specifies the font family for the displayed words. Defaults to "Arial" if not provided.

'data-font-size' (Optional). Sets the font size for the words. If not defined, the font size adjusts based on container dimensions.

'data-word-color' (Optional). Defines the color of the displayed words. The default is "#ffffff".

'data-particle-count' (Optional). Determines the number of particles in the animation. If not specified, the default is 2000 particles.

Important Note

You can combine different color presets for the particles and text. For example, setting a "cosmic" preset for the particles and a "neon" color for the text allows for unique and customizable visual effects.