Cursor Effects

Custom cursor replacement effects for Beaver Builder rows. Three types from smooth dot follower to text label to mix-blend invert circle.

Types

Dependencies

CSS/JS

Animation

01 of 03Dot

pp_ce_type = dotpp_ce_dot_size = 24pp_ce_dot_color = 4584A9pp_ce_hover_scale = 1.5

Dot Cursor

02 of 03Text

pp_ce_type = textpp_ce_text_content = Hello!pp_ce_text_color = ffffffpp_ce_hover_scale = 1.2

03 of 03Invert

pp_ce_type = invertpp_ce_hide_native = yespp_ce_hover_scale = 1.5

01

Dot

Smooth filled dot that follows the cursor with spring physics. Scales on hover.

pp_ce_typedot

pp_ce_dot_color4584A9

bg_typecolor

full_heightfull

02

Text

Custom text label that follows the cursor. Great for CTAs and interactive sections.

pp_ce_typetext

pp_ce_text_contentHello!

bg_typecolor

full_heightfull

03

Invert

Mix-blend-difference circle that inverts colors beneath it. Works on any background.

pp_ce_typeinvert

bg_typecolor

full_heightfull