Bring Your Designs to Life: Introducing the New Royal Background Extension!

We all know how crucial a great background is in web design. But what if, instead of a plain, static background, you could have captivating animations that grab your user’s attention? To take your designs to the next level, we’re thrilled to introduce our newest and most powerful feature in Royal Addons for Elementor—the Royal Background extension.

Animated Circle Graphics

If you want to create a modern, technical, or futuristic vibe on your website, our Animated Circle Graphics are the perfect choice. This isn’t just a simple circle; it’s a complete graphical unit built with multiple layers and animations.

Key features you can control:

Base Circle: Customize the main circle’s size, border style (Dotted, Dashed, Solid, etc.), width, and color.
Orbiting Dots: Add one or more dots, then control their size, color, and even the radius of their orbit.
Multi-Color Arcs: Use a repeater to add as many colorful arcs as you want, defining the start and end points of each color segment to create gaps.
Animation: Control the rotation of the entire graphic and set the speed and direction (Clockwise/Counter-Clockwise) for each individual animated part.

Starting today, you can add three stunning animated effects to any section, container, or column without writing a single line of code: Circles, Particles, and Blobs. Let’s explore the power of this new feature.

Animated Circle Graphics

Key features you can control:

Base Circle: Customize the main circle’s size, border style (Dotted, Dashed, Solid, etc.), width, and color.
Orbiting Dots: Add one or more dots, then control their size, color, and even the radius of their orbit.
Multi-Color Arcs: Use a repeater to add as many colorful arcs as you want, defining the start and end points of each color segment to create gaps.
Animation: Control the rotation of the entire graphic and set the speed and direction (Clockwise/Counter-Clockwise) for each individual animated part.

Morphing Blobs

Want to add a smooth, liquid, and organic effect to your site? With our Animated Blob feature, you can create beautiful, ever-changing shapes that mimic a lava lamp. Each blob is powered by the anime.js library, ensuring a smooth and optimized performance.

Its main controls include:

Complexity: Defines how simple or complex the blob’s shape is.
Contrast: Controls the amount of irregularity or randomness in the shape.
Smoothness: Determines how smooth the curves of the blob will be.
Color & Size: Set a unique color, size, and opacity for each blob.
Animation Speed: Control how long it takes for a blob to morph from one shape to the next.

Interactive Particles

There’s no better way to create a vibrant and interactive atmosphere on a website than with a particle effect. Powered by the powerful tsParticles library, our Particles feature gives you limitless possibilities.

Special features:

JSON Configuration: The freedom to copy-paste any JSON configuration from the official tsParticles generator to create your desired effect.
Scope Control: Want the particles only inside the container, or across the full screen? Both options are in your hands.
Z-index: Easily control whether the particles appear on top of or behind your content.

How to Use

Edit any Section, Container, or Column.
Go to the Style tab.
Open the Royal Background section.
Enable your desired effect (Enable Circle, Enable Particles, or Enable Blob) and start customizing!

Final Words

The Royal Background extension is a fantastic opportunity to make your designs more attractive and memorable for your users.

Update your Royal Addons for Elementor plugin today and give your creativity a new dimension with these new features.

Which effect are you most excited to use? Let us know in the comments!

Demo

About Addons

Buy Addons

Royal Technologies