Classic Elementor widget · Free
The Floating Elements widget adds an Elementor floating image to any section. Place each floating icon, photo or badge exactly where you want it, then give it a looping Elementor floating animation: float up and down, float sideways, spin, scale or wiggle.
Shally app icon
The short answer
Floating Elements is a free Elementor widget from Animation Addons that places one or more images at exact positions in a section and can loop each one with a floating effect. Every item has its own image, size, offset, z-index and Live Animation: Float Y, Float X, Spin, Scale or Wiggle.
As a floating elements addon for Elementor, use it for floating icons, stickers, badges and app screenshots, or any Elementor floating object that adds life to a section. The Elementor floating elements widget is a classic widget for the Elementor 3 editor that keeps working in Elementor 4, on Elementor Free. The items are positioned inside the section and scroll with the page; they do not stick to the screen. With the Pro Scroll Smoother extension turned on, each item can also take a Data Speed and Data Lag, so it floats on scroll at its own pace.
Also searched as: elementor floating elements, elementor floating elements widget, elementor floating image, elementor floating animation, free elementor floating images, floating elements addon for elementor, how to add floating elements in elementor, elementor floating icons, elementor floating effect, elementor floating object, elementor float animation, elementor spin animation, elementor wiggle animation, elementor floating elements on scroll, hide floating elements on mobile in elementor.
Live demos
Each Live Animation on a small site: wiggle, float up and down, float sideways, scale and spin, then a card with eight floating items and an article with floating photos. Every loop runs on the widget's own timing.
Rated 4.9 by our clients
From 312 project reviews since 2019
The reviews section of a branding agency. A small cartoon sits under the heading and gives a quick shake every two seconds, then waits for the next round.
Watch the character shakeIn the panel, set Live Animation to Wiggle, Size to 93, Horizontal Orientation to Left and Offset to 45%.
Plan your posts on the go
Shally for iOS and Android
A scheduling app promotes its mobile app. The icon drifts up 20 px and back down over six seconds, with soft easing at both ends. This is the Float Y loop.
Watch the icon rise and settleIn the panel, set Live Animation to Float Y, Size to 80, Horizontal Orientation to Left and Offset to 46%.
Works with the tools you use
Calendars, drives and chat, connected
The integrations section of the same app. The icon moves 20 px to the left and back over six seconds, which suits a heading that reads left to right.
Watch the icon drift left and backIn the panel, set Live Animation to Float X, Size to 80, Horizontal Orientation to Left and Offset to 46%.
Start free, upgrade later
Free for one brand and three channels
A pricing section with one icon above the plan line. It shrinks to 80% over three seconds and grows back, like a slow pulse that draws the eye to the free plan.
Watch the icon shrink and growIn the panel, set Live Animation to Scale, Size to 80, Horizontal Orientation to Left and Offset to 46%.
A film studio puts a round text badge above its email address. The badge makes one full turn every six seconds at a steady speed.
Watch the badge turnIn the panel, set Live Animation to Spin, Size to 150, Horizontal Orientation to Left and Offset to 50%.
Meet them where they are
Easily connect with your audience
A community section with eight items around one bold line: four social tiles and four creator photos. Half of them float and half stay still. The four on the left use Hide On Mobile, so a phone sees a calmer layout.
Narrow the window: four items hideIn the panel, set Live Animation to Float Y, Size to 64, Z-Index to 1 and Hide On Mobile to Hide.
Rooms that feel lighter
Light rooms start with fewer, better pieces. We pick one large sofa, one low table and one lamp, then let the walls breathe.
Pale oak, washed linen and lime plaster reflect daylight back into the room, so it feels bigger at every hour.
Keep the floor clear. A rug that stops short of the walls makes the room look wider than it is.
Hang curtains high and wide. When they open fully, the window seems taller and more light comes in.
Finish with one warm accent, a terracotta vase or a rust throw, so the calm never turns cold.
Read the full guide in our autumn issue.
An interiors journal article with two photos and a spinning badge in the margin. Each one moves at its own pace as you scroll and catches up a moment later. This needs the Pro Scroll Smoother.
Scroll inside the frameIn the panel, set Enable Scroll Smoother to Yes, Data Speed to 0.7, Data Lag to 0.5 and Live Animation to Spin.
Features
What the widget does, with the setting behind each feature.
Add an item per image in the Elements repeater. Each floating object has its own settings.
Set Live Animation to Float Y, Float X, Spin, Scale or Wiggle, or leave it on None. The Elementor float animation and the Elementor spin animation and wiggle animation all loop on their own.
Open Offset, pick a Horizontal Orientation and Vertical Orientation, and set the distance in px, %, em or rem.
The Size control sets the width of each floating image, with its own value on desktop, tablet and mobile.
Use Z-Index to put an item in front of or behind the content around it.
For Elementor floating elements on scroll, turn on Enable Scroll Smoother and set Data Speed and Data Lag. This needs the Pro Scroll Smoother extension.
Each item has Hide On switches for every breakpoint. Use them to hide floating elements on mobile and keep a busy layout calm.
Use Choose Image for a PNG, WebP or JPG from the media library: floating icons, a photo, a sticker, a badge or any floating object for the Elementor floating effect. The image alt text comes from the media library too.
Step by step
Five steps. The bold names are the labels in the Elementor panel.
Install the free Animation Addons plugin, then turn on Floating Elements in Animation Addons → Elements.
In Elementor, search the panel for Floating Elements and drag it into the section you want to decorate.
In Elements, add one item per image: Choose Image, set the Size, then open Offset to place it.
Pick a Live Animation for each item and raise the Z-Index if it should sit in front of the content.
Use the Hide On switches for small screens, and check the result in preview, where device hiding takes effect.
Honest comparison
You can also place an Image widget with Elementor's own Position setting. Here is what each approach gives you.
| Feature | Floating Elements (Animation Addons) | Image widget + Position (Elementor) |
|---|---|---|
| Plan | Free, works with Elementor Free | Position is free; Motion Effects need Elementor Pro |
| Images in one widget | As many as you need | One per widget |
| Looping float, spin, scale, wiggle | Yes | No |
| Absolute position with offsets | Yes | Yes |
| Hide per device | Per item | Per widget |
| Scroll speed effect | Data Speed and Data Lag, with the Pro Scroll Smoother | Scrolling Effects, with Elementor Pro |
| Mouse track and 3D tilt | No | Mouse Effects, with Elementor Pro |
Compared from the widget's source, the Animation Addons docs and Elementor's Position and Motion Effects settings, October 2026.
FAQ
Drag the Floating Elements widget into a section, add an item, choose the image and set its Size and Offset. Then pick a Live Animation to make it float.
Five: Float Y moves 20 px up and back in 6 seconds, Float X moves 20 px sideways in 6 seconds, Spin turns once every 6 seconds, Scale pulses between 100% and 80% every 3 seconds, and Wiggle gives a short shake every 2 seconds.
No. Each item is positioned inside its section and scrolls with the page. With the Pro Scroll Smoother on, Data Speed lets it move slower or faster than the page.
No. Live Animation loops on its own from the moment the page loads. For hover effects, use a widget such as Image Box or Advanced Button.
Each item is an image. For floating icons, upload the icon as a PNG or WebP and size it with the Size control. Elementor floating images and icons use the same settings.
Every item has Hide On switches per device, so an Elementor floating elements layout can stay light on phones. The switches take effect in preview and on the live page, not while you edit.
No. Elementor's floating buttons and bars stay on screen as contact tools. This widget decorates a section with images that loop.
Yes. Floating Elements is a free Elementor floating elements addon, a classic widget that works with Elementor Free, in Elementor 3 and 4. Only the Scroll Smoother option needs Animation Addons Pro.
Pairs well with
Classic widgets that work well with Floating Elements on landing and contact sections. See all 102 widgets.
Animation Addons Pro · Elementor 4
Floating images with five looping animations, placed and styled in Elementor.
Halloween deal40% off every Pro planEnds 5 Nov
