ColorOrigin

ColorOrigin effect icon Download from WordPress
current version: 1.9.63

BGFX – WordPress Background Effect

Included Free

ColorOrigin

Annual or Lifetime License available. Get access to all the free, standard, and Pro effects in the BGFX Pro Bundle, which also give you access to all future effects.

FREE

Why settle for unlocking one effect when you can unlock them all by choosing the BGFX Full Bundle! Have the convenience of instantly changing the look and feel of your WordPress site with all effects always available. With the preset system, you can prepare for special theme days and make your website feel even more currant.

Live Preview

This page is running the effect in real time.

Use the preset selector in the bottom right to explore different variations and see how the effect responds instantly. All changes are applied live, allowing you to understand how it behaves before using it on your own site.

Description

ColorOrigin is a dynamic animated background effect for BaqFlo BGFX that creates expanding colour blooms from a chosen origin point. Each colour grows outward in layered waves, creating smooth flowing transitions while preserving the vibrancy of the selected palette.

Unlike traditional gradient effects that blend colours together, ColorOrigin keeps each colour visually distinct, resulting in bold animated backgrounds that remain clean, vibrant, and highly customisable.

The effect supports multiple simultaneous colour blooms, adjustable timing controls, easing styles, edge blending, click-triggered animations, and intelligent positioning options such as centering the animation behind logos, hero sections, or titles.

Features

  • Expanding animated colour bloom effect
  • Preserves clean solid colours without muddy blending
  • WebGL accelerated rendering with automatic fallback support
  • Adjustable growth timing and animation spacing
  • Multiple easing styles
  • Solid or blended bloom edges
  • Random or fixed colour sequencing
  • Smart origin positioning options
  • Click-triggered colour animations
  • Supports body backgrounds and target containers
  • Preset support included

Use Cases

  • Hero sections
  • Landing pages
  • Creative portfolios
  • Music and entertainment websites
  • Neon and colourful branding
  • Interactive user experiences
  • Rainbow and multi-colour backgrounds

Control & Customisation

ColorOrigin includes extensive controls directly inside the WordPress Customizer:

  • Target container support
  • Up to 10 optional colours
  • Growth time
  • Delay before next bloom
  • Bloom origin position
  • Circle edge blend style
  • Animation easing
  • Randomise colour order
  • Click-trigger mode

Performance

The effect uses a lightweight WebGL renderer for smooth animation performance even with large layered blooms and rapid transitions. If WebGL is unavailable, the effect automatically falls back to a compatible renderer.ther than complex animated elements.

Licensing

This effect is included and free to use.

  • Available immediately after plugin installation
  • No license required
  • Fully customisable with presets

Explore different presets on this page, then fine-tune the effect in the Customizer once installed.

BaqFlo Preview
Current: ColorOrigin / RainGrow
Preview only. Saved page settings are unchanged.