v1.8

Layouts & 50+ New Elements — Now Available! Layouts & 50+ Elements!

Get Access

Documentation

v1.8

Library

Button effects

Aura effect

The Aura Effect adds a glowing aura and dynamic ring animations to your buttons or other interactive elements.

Preview

Aura effect

Quick Setup

data-aura

Required

Enables the Aura Effect on the target element.

Advanced configuration

data-aura-color

Optional

Specifies the color of the aura and rings.

Default: #3498db

data-aura-size

Optional

Defines the size of the glow and ring effects.

Default: 20

data-aura-intensity

Optional

Controls the opacity of the aura and rings.

Default: 0.5

data-aura-duration

Optional

Specifies the duration of the aura’s fade-in and fade-out effects (in seconds).

Default: 1.5

data-aura-pulse

Optional

Controls the speed of the animation when the element is hovered over (in seconds). Values: true or false.

Default: true

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