Animated section separators for Gutenberg
Kinetic Ambient Aura.for cinematic page atmosphere
Add soft decorative background light to hero sections, feature areas, landing pages, product highlights, and creative WordPress layouts without loading frontend JavaScript.
Soft light behind your best sections.
Add decorative ambient glow to hero areas, feature rows, product highlights, and creative landing pages without frontend JavaScript.
Ambient glow demo
Use light to create depth without
adding extra content.
The aura is decorative, hidden from assistive technologies, and
does not add keyboard interaction or frontend controls.
Hero background lighting
Use a large, fixed aura behind the hero area to create a consistent page-wide atmosphere.
Feature section accent
Use absolute positioning near a feature row so the glow decorates only that content area.
Product highlight glow
Use lower opacity, wider spread, and softer falloff to make cards or product visuals feel more premium.
Decorative by design.
The aura is decorative, hidden from assistive technologies, and does not add keyboard interaction or frontend controls.
Demo setup
Build atmosphere with color, spread, opacity, and falloff.
Kinetic Ambient Aura is not a content block. It is a decorative lighting layer that supports the page design while keeping the layout clean.
Intensity (Opacity)
Z-Index Layer
Optical Blend Mode
Mobile Behavior
Why buy PRO
Subtle background light can make simple layouts feel premium.
Ambient Aura adds a design layer that helps hero sections, feature rows, product areas, and creative pages feel less flat without requiring custom CSS.
Best for
Sections that need atmosphere, not more content.
Use Ambient Aura when the layout is already clear, but the design needs soft light, visual depth, or a more distinctive mood.
Use cases
Use ambience wherevisual tone matters.
Ambient Aura works best as a supporting layer behind strong content,
not as the only visual element on the page.
Hero Sections
Add a large soft glow behind titles, CTAs, and product visuals.
Feature Rows
Decorate key benefit sections without adding heavy imagery.
Product Highlights
Create a focused glow behind product cards or screenshots.
Portfolio Pages
Add mood and color atmosphere around project showcases.
Pricing Sections
Use subtle light to make plan cards feel more premium.
CTA Sections
Place a soft glow behind final conversion areas.
Creative Layouts
Add visual depth to dark, editorial, or motion-driven pages.
Page Transitions
Use section-specific lighting to separate content areas smoothly.
Free vs PRO
Start with CSS-only glow. Upgradefor advanced atmosphere control.
KineticHub Free includes the core ambient glow controls. KineticHub PRO adds more control over shape, layering, optical blending, and mobile rendering.
| Feature | KineticHub Free | KineticHub PRO |
|---|---|---|
| CSS-only frontend glow | Included | Included |
| Circle glow shape | Included | Included |
| Color picker and alpha support | Included | Included |
| Opacity, spread, and softness falloff | Included | Included |
| Fixed and absolute positioning | Included | Included |
| Horizontal and vertical offsets | Included | Included |
| Zero-height decorative footprint | Included | Included |
| Ellipse horizontal / vertical shapes | Not included | Unlocked |
| Z-index layer control | Not included | Unlocked |
| Optical blend modes | Not included | Normal, screen, overlay, color-dodge |
| Mobile behavior | Default mobile output | Reduce, hide, or show unchanged |
| Disable blend mode on mobile | Not included | Unlocked |
FAQ
Ambient Aura questions before you build.
Use this FAQ section for SEO, sales clarity, and fewer pre-sale/support questions.
Kinetic Ambient Aura is a Gutenberg block for adding decorative CSS-only ambient glow effects to WordPress pages.
No. The frontend effect is rendered with CSS radial gradients and does not require frontend JavaScript.
The block includes color, opacity, spread radius, softness falloff, fixed or absolute positioning, and horizontal/vertical offset controls.
Place it near the section it should decorate, such as a hero section, feature row, product highlight, portfolio area, or CTA.
PRO adds ellipse shapes, z-index layer control, optical blend modes, mobile behavior options, and the ability to disable blend mode on mobile.