Add animated backgrounds to Elementor sections

Marvy Pro provides ready-to-use background effects for creative and professional layouts built with Elementor. Apply an effect to a section, adjust its available settings, and place page content over the moving or changing background. The animations are described as responsive across device sizes.

Choose a background effect

The available styles include several kinds of motion, shapes, and color treatments:

• Ripple, Wave, and Drop: spreading ripples, flowing motion, and falling effects.
• Rotate and Flying Objects: rotating visuals or objects moving across the background.
• Rings and Topology: circular forms and a connected, structured pattern.
• Gradient: animated color transitions.
• Snow and Cloud: falling particles and cloud-based movement.

Use effects alongside page content

Apply animations to landing pages, portfolio sections, agency websites, product presentations, or other Elementor layouts. A section background can add motion to a hero area or mark a transition between sections. Choose an effect that keeps headings, buttons, and other content easy to read.

Install and apply an animation

1. Install and activate Marvy Pro on a WordPress website that uses Elementor.
2. Open a page or post in Elementor and add a section.
3. In the section's Layout options, apply a Marvy background animation.
4. Customize the available settings, then add your content.

Marvy requires Elementor Page Builder and works with themes that support Elementor. Documentation and a live demo are available among the product resources.