Documentation
v.1.6.1
GETTING STARTED
DYNAMIC ISLAND
Premium element
Animated text
Particle Glow
Particle Glow adds a captivating visual effect that combines animated text gradients with glowing particles in the background, creating a dynamic and eye-catching experience. The text features a moving gradient, while particles gracefully float around the section.
Preview
Open previewParticle glow
Quick Setup
data-particle-glow
Required
Activates the particle glow effect on the specified container. No value is needed; adding this attribute enables the functionality.
data-particle-glow-text
Required
Defines the text element that will have the animated gradient effect applied.
Available Presets (Background)
data-bg-preset="preset-name"
Optional
ocean
sunset
forest
neon
cosmic
fire
earth
berry
sky
grape
steel
candy
Available Presets (text)
data-bg-preset="preset-name"
Optional
ocean
sunset
forest
neon
cosmic
fire
earth
berry
sky
grape
steel
candy
Custom Colors (Background)
data-custom-bg-color
Optional
Allows you to specify a custom color for the background particles.
Example: #fbbf24
Custom Colors (text gradient)
data-custom-gradient
Optional
Allows you to define a custom gradient for the text by providing a comma-separated list of colors
Example: #ff0000,#00ff00,#0000ff
Advanced configuration
data-particle-count
Optional
Specifies the number of glowing particles displayed.
Default: 60
Important note
- You can mix different presets for the text gradient and background particles by setting distinct values for the
data-color-presetanddata-bg-presetattributes. This allows for unique visual combinations to enhance your design. - Custom gradients or particle colors can be specified using the optional attributes
data-custom-gradientanddata-custom-bg-color. These will override the preset values if provided.
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