Premium element

Visual Effect

Glow icon

Glow icon adds a dynamic, neon-like glow to icons or text elements on a webpage, creating a futuristic and visually striking appearance. It leverages customizable configurations for colors, intensity, and animations, enabling seamless integration into different design themes.

Preview

Quick Setup

data-neon=true

Required

Enables the Glow Icon effect on the element. This attribute is required for the effect to be applied. Remember that you must set the attribute value to ‘true’ (without the quotes) to activate it.

Available Presets

data-neon-color="preset-name"

Optional

blue

red

green

purple

white

gold

cyan

Custom Colors

data-neon-custom-color

Optional

Overrides the predefined neon color presets by providing a custom primary color (in hex format).

Example: data-neon-custom-color=#ff5733

Advanced configuration

data-neon-intensity

Optional

Adjusts the intensity of the glow and stroke effect. high, medium or low.

Default: medium

data-neon-flicker

Optional

Adds a flickering animation to simulate a retro neon light.

Default: false

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