LIVE NOW

Visual Configurator is now active — Customize 50+ professional animations Visual Configurator is live!

Get Started
Status Pulse Configurator

How to Use in Bricks Builder

  1. Customize your status pulse effect using the controls below
  2. Click the Get Code button and copy the JavaScript
  3. In Bricks Builder, add a Code element and paste the JavaScript
  4. Add the attribute
    data-pulse-dot📋
    to any text element
This tool creates a custom script with your settings built-in. You only need to add the data attribute to implement your status pulse effect!
The status pulse will be automatically added before your text content, creating a visual indicator for status, notifications, or live updates.
Status Indicator
BricksFusion Exclusive Get Your Status Pulse Effect

Add animated status indicators to any text element. Perfect for showing online status, active states, or drawing attention to important information.

  • Easy implementation with simple data attributes
  • Smooth, performance-optimized animations
  • Fully customizable appearance and behavior
  • Multiple animation modes for different use cases
Pulse Appearance
Pulse Size 8px

Size of the status indicator dot

Pulse Color

Color of the status pulse indicator

Core Opacity 100%

Opacity of the main dot

Animation Settings
Animation Speed 1.5s

Duration of one pulse cycle

Pulse Scale 2x

Maximum size of the pulse effect

Animation Style

Choose how the pulse animates

Timing Function

Animation acceleration curve

Advanced Options
Enable Glow Shadow

Adds a subtle glow effect to the pulse

Shadow Blur 10px

Intensity of the glow effect

Spacing 8px

Space between pulse and text

Pause on Hover

Stops animation when hovering over the element

JavaScript Code