◉ GRANPAI MOTION

Documentation

Changelog

ELEMENTOR MOTION BACKGROUNDS

Lightweight Motion Backgrounds for Elementor

Create stunning, lightweight animated motion backgrounds for Elementor in seconds. No coding required—just pick a preset and customize.

100+

Motion Background Presets

1 Click

Quick Setup & Apply

0 Lines

of Code Needed (100% No-Code)

Elementor

Native Elementor Widget Integration

PRESET SHOWCASE

One Widget. 100+ Ways to Move Your Backgrounds.

Explore an ever-growing collection of interactive motion backgrounds. Designed to add visual depth, energy, and modern aesthetic to your Elementor sections.

AG-10

Aurora & Glow

Smooth Gradient Waves & Fluid Motion

CN-17

Neon Waves

Glowing Light Trails & Cyberpunk Effects

LQ-20

Liquid Gradient

Dynamic Color Blends & Smooth Transitions

PD-14

Particles & Dust

Interactive Floating Particle Grids

3D-04

3D & Kinetic Shapes

Interactive 3D Objects & Modern Kinetic Motion

AG-10

Grid & Geometric

Abstract Shapes & Modern Motion

HOW IT WORKS

Create Beautiful Motion Backgrounds in 3 Simple Steps

Say goodbye to complex CSS animation scripts or heavy video backgrounds.

01

Drag & Drop the Widget

Add the Granpai Motion widget directly into any Elementor section or container.

02

Choose Your Favorite Preset

Select from 100+ ready-to-use background styles including gradients, particles, and abstract shapes.

03

Customize to Match Your Brand

Fine-tune colors, animation speed, direction, and opacity seamlessly.

FEATURES

Everything You Need for High-Performance Motion Backgrounds

Granpai Motion keeps animated backgrounds simple, visual, and easy to control directly inside Elementor.

100+ Ready-to-Use Motion Presets

Start instantly with professional background effects without building animations from scratch.

Seamless Elementor Integration

Designed to work natively inside the Elementor editor with zero workflow interruption.

Full Visual Customization

Adjust colors, movement speed, density, and blending modes to perfectly fit your design system.

Zero Coding Required

Build interactive, high-end web designs without writing a single line of JavaScript or CSS.

Lightweight & Ultra-Fast Loading

Optimized JavaScript architecture loads only what your active preset needs, preserving your Core Web Vitals and SEO rankings.

Scalable & Future-Proof

Part of a growing ecosystem of modern Elementor design tools and continuous preset updates.

ELEMENTOR EDITOR

Designed Specifically for the Elementor Editor Workflow

No complicated dashboard or separate web app to learn. Granpai Motion lives right inside your familiar Elementor panel. Customize background effects in real-time with live visual feedback.

BUILT FOR DESIGNERS

Your Website Design Deserves More Than a Static Background

High-converting websites capture attention immediately. Granpai Motion gives web designers and agencies an effortless way to create modern, immersive hero sections that lower bounce rates and improve user engagement.

Design dynamic sections effortlessly

Choose preset styles in seconds

Make static layouts interactive and unique

Give Your Elementor Site the Motion It Deserves

100+ presets with one simple widget. Unlock endless creative possibilities today.