Premium element

Visual Effect

Particle Sphere

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.

Preview

Quick Setup

data-particle-sphere=true

Required

Activates the Particle Words effect on the specified container. No value is needed; adding this attribute enables the functionality.

data-words

Required

Defines the list of words to be displayed, separated by commas (e.g., "Hello, World, Welcome")

Available Presets

data-color-preset="preset-name"

Required

cosmic

aurora

sunset

ocean

forest

lavender

fire

neon

Advanced configuration

data-font-family

Optional

Specifies the font family for the displayed words.

Default: Arial

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.

Default: #ffffff

data-particle-count

Optional

Determines the number of particles in the animation.

Default: 2000

We're here to help

Choose how you'd like to connect with our support team

Contact Support

Get help from our team of experts

Response within 24 hours