Documentation
v1.8
GETTING STARTED
DYNAMIC ISLAND
Premium element
Core Background
Floating Glow
The Floating Glow element introduces a captivating animation effect where colorful, gradient shapes float dynamically within a container.
Preview
Open previewQuick Setup
data-floating-shapes
Required
Enables the Floating Shapes effect for the container.
Available Presets
data-shapes-preset="preset-name"
Optional
tech
nature
sunset
ocean
aurora
Custom Colors
Define your own color scheme using these attributes
data-shapes-custom-color
Optional
Define a custom color.
Example: #FF0000
Advanced configuration
data-shapes-speed
Optional
Controls the animation speed.
Default: 1
data-shapes-amplitude
Optional
Sets the amplitude of the floating motion.
Default: 15
data-shapes-blur
Optional
Adjusts the blur effect for the shapes.
Default: 2
data-shapes-count
Optional
Defines the number of floating shapes.
Default: 5
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