Premium element

Core Background

Aura Flow

Element provides a dynamic, colorful fluid animation effect within a container. This immersive effect mimics fluid motions and responds to user interactions like mouse movement, creating an engaging visual experience.

Preview

Quick Setup

data-fluid=true

Required

Activates the Aura Flow effect.

Available Presets

data-fluid-preset="preset-name"

Optional

ocean

sunset

pink

warm

rainbow

golden

mystic

tropical

neon

Custom Colors

Define your own color scheme using these attributes

data-fluid-color-1

Optional

Sets the first color in the fluid animation

Example: #FF0000, rgb(255,0,0), red

data-fluid-color-2

Optional

Example: #00FF00, rgb(0,255,0), green

Example: #00FF00, rgb(0,255,0), green

data-fluid-color-3

Optional

Example: #0000FF, rgb(0,0,255), blue

Example: #0000FF, rgb(0,0,255), blue

Advanced configuration

data-fluid-opacity

Optional

Sets the opacity level of the fluid animation

Default: 0.5

data-fluid-intensity

Optional

Controls the overall color intensity of the effect

Default: 0.8

data-fluid-glow

Optional

Adjusts the glow effect seen in the animation

Default: 0.8

data-fluid-radius

Optional

Specifies the radius of the effect reach

Default: 100

data-fluid-pulse-speed

Optional

Sets the speed at which the animation pulses

Default: 0.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