Atomic Element · Free
Type a phrase; it wraps around a circle and turns slowly, with your icon, logo or price fixed in the middle. No SVG or CSS to write. Free on Elementor Free.
The short answer
The Curved Text is an Elementor curved text and circular text badge element from Animation Addons for Elementor, built as a native Elementor 4 Atomic Element. Text runs around a circle, or an image rotates, while a centre box holds an icon, logo or label that stays still. The spin is pure CSS, with no JavaScript.
Many "Elementor V4 compatible" addons offer curved text as a classic v3 widget. The Curved Text is a native Atomic Element whose parts you select and style.
| Plan | Free |
|---|---|
| Element type | Native Elementor 4 Atomic Element (composite) |
| Works with | Elementor Free and Elementor Pro, Atomic Editor on |
| Child elements | Rotator Image (Image), Center (Div Block) holding an Icon (Svg); the Center accepts any elements |
| Rotator content | Text (curved around the circle) or Image (rotating image) |
| Controls | Content, Rotator Text, Text Distance from Edge, Rotation Duration (s), Direction (Clockwise / Counter-clockwise) |
| Script | None; the spin is a CSS animation and the text an inline SVG |
| Accessibility | Curved text is hidden from screen readers; spin stops for visitors who prefer reduced motion |
| Limits | No link setting of its own; wrap it in a linked Div Block or Flexbox |
| Plugin version | Animation Addons for Elementor 4.3 · Last updated October 2026 |
Demo variations
Ideas you can build today with the Curved Text and native Elementor 4 elements. Cards marked Pro add an Animation Addons Pro extension or element; the rest work on the free plugin.
A 150px ring of "AVAILABLE FOR WORK •" around a round portrait photo, sitting beside the hero headline.
A transparent text ring at the foot of the hero with a down arrow; clicking it jumps to the next section.
#services.A stamp graphic turning slowly around a still monogram.
A white text ring with a play triangle, floating over a video thumbnail and drifting toward the cursor.
A bright yellow circle over the corner of a product photo with "LIMITED OFFER •" around it and "-30%" in bold in the centre.
A 420px outlined ring of large type, half cropped by the footer edge, turning very slowly around the agency logo.
Features
Every option below is a real control in the Curved Text panel or part of how the element renders. Nothing here needs custom code.
Content set to Text curves your phrase around the circle; Image spins a picture such as a stamp or logo ring. Controls that don't apply hide themselves.
Type a phrase in Rotator Text and repeat it with a separator such as "•". Letters are bold uppercase by default.
Text Distance from Edge pulls the text ring inward or outward, so it clears a border or a heavy background.
Rotation Duration (s) sets one full turn; larger numbers spin slower. Direction switches between Clockwise and Counter-clockwise.
The Center is an open Div Block that stays still. It starts with one Icon and accepts headings, text, images or stacked elements, all centred.
Built on the atomic base
Why it mattersEach part is a real Elementor 4 element you can select in the Navigator and style on its own, with your Classes and Variables.
Step by step
Six steps, from installing the plugin to publishing the page. The bold names are the exact labels you will see in the Elementor 4 panel.
Download freeInstall and activate Animation Addons for Elementor, then open a page with the Atomic Editor turned on.
Drag Curved Text from the Animation Addons Atomic Elements onto the canvas.
In Rotator, set Content to Text and type your phrase in Rotator Text, repeated with a separator.
Adjust Text Distance from Edge, Rotation Duration (s) and Direction.
Select the Icon in the Center to swap it, or drop in a Heading or Image.
Set size, background and text colour in the Style tab for each breakpoint, then publish.
Honest comparison
Elementor 4 has no atomic curved text. Elementor's free classic Text Path is excellent for text on a wave, arc or spiral; the Curved Text is built for the spinning badge.
| Feature | Elementor Text Path (classic) | Animation Addons Curved Text |
|---|---|---|
| Element type | Classic v3 widget | Native Elementor 4 Atomic Element |
| Path shapes | Wave, arc, circle, line, oval, spiral, custom SVG | Circle |
| Continuous spin with speed and direction | Not in its settings | Rotation Duration (s) and Direction |
| Still centre with an icon, logo or label | Not in its settings | Center box that holds any elements |
| Rotating image mode | Not in its settings | Content Image |
| Link setting | Yes | Wrap in a linked Div Block or Flexbox |
Compared with Elementor 4.3.3 (September 2026).
Who it's for
The people who get the most out of it, and what they use it for.
Adding an "available for work" badge to a portfolio hero.
Using a spinning scroll prompt as a signature detail.
Highlighting an offer on a product image.
FAQ
Add the free Curved Text from Animation Addons for Elementor, set Content to Text and type your phrase in Rotator Text; the Animation Addons Curved Text wraps and spins it. Set Rotation Duration (s) for speed and Direction for clockwise or counter-clockwise. It works on Elementor Free with the Atomic Editor on.
Yes. The Animation Addons Curved Text has a Center box that stays still while the ring turns. It starts with an Icon you can swap for any SVG, such as an arrow or play button. You can also delete the icon and drop in a Heading, a logo Image or a portrait instead, and it is centred automatically.
Repeat your phrase with a separator such as "•" until it fills the ring evenly, then use Text Distance from Edge on the Animation Addons Curved Text to move the letters toward or away from the rim. Making the badge larger, or lowering the font size in the Style tab, also gives the letters more room.
Set the Animation Addons Curved Text's width, height and font size per breakpoint in the Style tab. A badge that is 160px on desktop often reads best at 100 to 120px on phones, with a slightly smaller font so the phrase still fills one ring. The Center icon follows the font size, so check it after resizing.
No. The Animation Addons Curved Text loads no JavaScript; the spin is a CSS animation and the curved line is an inline SVG. Only a small stylesheet loads, on pages that use the badge. The spin also stops automatically for visitors whose device is set to reduce motion.
The Animation Addons Curved Text is decorative and has no link setting of its own. To make it clickable, place it inside an Elementor 4 Div Block or Flexbox and set that container's Link, so the whole badge becomes one link. Link to an anchor such as #services for a scroll prompt, or add the Scroll To Pro extension for an eased scroll.
The Animation Addons Curved Text hides its repeated ring text from screen readers, because reading "explore more" four times helps nobody. If the badge carries meaning, put the message in the Center as a Heading or Paragraph, or give the wrapping link a clear label. The ring text sits in the page as SVG, but don't rely on it for SEO.
More answers in the FAQ · Documentation · Free vs Pro
Pairs well with
Elements that work well with the Curved Text on the same page or template.
Free on Elementor Free. No code.