LIVE NOW

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

Get Started
Ethereal Trail Configurator

How to Use in Bricks Builder

  1. Customize your ethereal trail 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-ethereal-trail📋
    to any section element
This tool creates a custom script with your settings built-in. You only need to add the data attribute to implement your ethereal trail effect!
This effect will work with any background color or image. The animation is placed on top of your content with a z-index that ensures visibility.
Move your mouse to see the effect
BricksFusion Exclusive Get Your Ethereal Trail Effect

Add mesmerizing ethereal trails that follow the mouse cursor, creating an interactive and engaging visual experience for your visitors.

  • Easy implementation with simple data attributes
  • Smooth, performance-optimized animations
  • Fully responsive and mobile-friendly
  • Customizable colors, thickness, and behavior
Trail Settings
Trail Quality Medium

Higher quality creates smoother trails but may impact performance

Trail Speed 0.5x

Controls how quickly the trails follow the cursor

Trail Length 50

Length of the trailing effect

Appearance
Trail Color

Base color for the ethereal trails

Color Variation 20°

Adds subtle color shifts to the trails

Trail Width 1px

Thickness of the trail lines

Opacity 10%

Transparency level of the trails

Blend Mode

How trails blend with the background

Advanced Settings
Spring Tension 0.45

How tightly the trails follow the cursor

Friction 0.5

Controls the smoothness of movement

Dampening 0.025

How quickly the motion settles

JavaScript Code