Animated Background — Fire
Canvas-based fire particle system for Beaver Builder rows. Six presets plus fully custom colors, height, position, and ember count.
6
Presets
0
Dependencies
Canvas 2D
Renderer
01 of 03Inferno
pa_ab_fire_preset = infernopa_ab_fire_position = bottompa_ab_density = 120
Inferno
02 of 03Embers
pa_ab_fire_preset = emberspa_ab_fire_position = bottompa_ab_ember_count = 120
Embers
03 of 03Blue Blaze (Custom)
pa_ab_fire_preset = custompa_ab_fire_position = toppa_ab_color_1 = 1e40afpa_ab_color_2 = 06b6d4
Blue Blaze
01
Inferno
Maximum intensity. Tall columns of flame, heavy density, fast speed. Classic orange-red fire.
pa_ab_fire_presetinferno
pa_ab_effectfire
bg_typenone
full_heightfull
02
Embers
Low smouldering heat with 120 floating ember particles. Subtle warmth, perfect under content.
pa_ab_fire_presetembers
pa_ab_effectfire
bg_typenone
full_heightfull
03
Blue Blaze
Custom colors with inverted (top) position. Demonstrates that fire can be any color.
pa_ab_fire_presetcustom
pa_ab_effectfire
pa_ab_fire_positiontop
pa_ab_color_11e40af
pa_ab_color_206b6d4
bg_typenone
full_heightfull
All Available Options
Fire Presets
CampfireBonfireFire WallTorch LineInfernoEmbers
Fire Position
BottomFullTop (Inverted)
Custom Controls
Flame Height (10–100%)Ember Particles (0–150)Color 1Color 2SpeedDensityOpacity