Home Components Support Pricing About Log in

BptBackground

Procedural and image-based backgrounds with 10 pattern styles, WebGL rendering with Canvas 2D fallback. Supports animated or still modes, dev-mode config save/load, and image parallax/follow behaviors.

Parameters

Pattern Style

Speed: 1.0x

Scale: 1.0x

Intensity: 0.70

Seed: 42

Animated

Renderer: auto

Background Color

Front Colors (up to 5)

Target Mode

Target="#bg-preview-target" — canvas is placed inside the element matching the ID selector.

Configuration JSON

Preview
Aurora — animated Target: #bg-preview-target

Aurora Background

Procedural animated background with 3 colors

Current Configuration

📋 [+]

<BptBackground Style="BptBackgroundStyle.Aurora"
               Animated="true"
               Speed="1"
               Scale="1"
               Intensity="0.7"
               Seed="42"
               BackgroundColor="rgba(15, 15, 35, 1.0)"
               Target="#bg-preview-target">
    <!-- Your content here -->
</BptBackground>

@code {
// Colors list
private List<string> colors = [
    "rgba(100, 150, 255, 0.6)",
    "rgba(200, 80, 180, 0.5)",
    "rgba(80, 220, 200, 0.5)",
];
}

BptBackground

Parameters

Preview Aurora — animated Target: #bg-preview-target

Aurora Background

Current Configuration

Preview
Aurora — animated Target: #bg-preview-target