← All widgetsWidget 146 · emcp_custom_146

Animated Text

Elementor widget9 layouts16 content options12 style options3 panel sections

Built with the EMCP Widget Builder and registered under the EMCP Custom category of the Elementor panel. Search the panel for: animated, typing, rotating, headline, text, typewriter.

Setup guide

  1. Open a page in Elementor, search the panel for Animated Text and drag it into a container.
  2. Content › Text: Text Before, Animated Words, Text After, HTML Tag, Effect, Typing Speed (ms per letter), Deleting Speed (ms per letter), Show Cursor and 8 more.
  3. Pick a Effect: Typewriter, Rotate up, Fade, Zoom, Flip (3D), Clip reveal, Slide from right, Blur in, Letter by letter. Each one is shown below.
  4. Style tab sections: Text, Animated Word. Colours, typography and spacing set here are scoped to this widget instance.
  5. Publish. Every option is a standard Elementor control, so it responds to the editor, dynamic tags and global styles as usual.
Conditional options: Typing Speed (ms per letter) appears when Effect is type; Deleting Speed (ms per letter) appears when Effect is type; Show Cursor appears when Effect is type; Cursor Character appears when Effect is type.
Ships with its own JavaScript; it runs once per instance and re-initialises inside the Elementor editor preview.
Layout

Typewriter

Effect = type

Typing: websiteslanding pagesonline stores

Layout

Rotate up

Effect = rotate

We build websiteslanding pagesonline stores that convert.

Layout

Fade

Effect = fade

Typing: websiteslanding pagesonline stores

Layout

Zoom

Effect = zoom

Typing: websiteslanding pagesonline stores

Layout

Flip (3D)

Effect = flip

Typing: websiteslanding pagesonline stores

Layout

Clip reveal

Effect = clip

Typing: websiteslanding pagesonline stores

Layout

Slide from right

Effect = slide

Typing: websiteslanding pagesonline stores

Layout

Blur in

Effect = blur

Typing: websiteslanding pagesonline stores

Layout

Letter by letter

Effect = letters

Typing: websiteslanding pagesonline stores

Options reference

Every control the widget exposes, grouped by panel section. Names in code are the setting keys used by the MCP tools (add-free-widget, update-widget).

Content tab

Text

OptionTypeChoices / rangeDefaultNotes
Text Before
before		TextWe build
Animated Words
words		Repeater3 items
↳ Word / Phrase
word		Textwebsites
Text After
after		Textthat convert.
HTML Tag
tag		DropdownH1, H2, H3, H4, div, ph2
Effect
effect		DropdownTypewriter, Rotate up, Fade, Zoom, Flip (3D), Clip reveal, Slide from right, Blur in, Letter by lettertype
Typing Speed (ms per letter)
type_speed		Numbermin 10, max 40070Shown when effect = type
Deleting Speed (ms per letter)
delete_speed		Numbermin 10, max 40040Shown when effect = type
Show Cursor
cursor		Toggleon / offyesShown when effect = type
Cursor Character
cursor_char		Text|Shown when effect = type
Hold Each Word (ms)
hold		Numbermin 300, max 150002000
Transition Duration (ms)
duration		Numbermin 100, max 3000600
Loop
loop		Toggleon / offyes
Start Only When Visible
start_visible		Toggleon / offyes
Word Highlight
highlight		DropdownColor only, Underline, Solid box, Markercolor
Reserve Width of Longest Word
fixed_width		Toggleon / offyes
Alignment
align		Button groupLeft, Center, RightleftResponsive

Style tab

Text

OptionTypeChoices / rangeDefaultNotes
Typography
typo		Typography
Color
color		Color#101828
Text Shadow
shadow		Text shadow

Animated Word

OptionTypeChoices / rangeDefaultNotes
Typography
word_typo		Typography
Color
word_color		Color#6a11cb
Accent (underline / box / marker)
word_acc		Color#6a11cb
Text Color In Box
word_box_color		Color#ffffff
Box Padding
word_pad		Dimensions
Box Radius
word_radius		Slidermin 0, max 60, px8
Underline / Marker Thickness
line_thick		Slidermin 1, max 30, px6
Underline / Marker Opacity
line_op		Slidermin 0.05, max 1, px0.35
Cursor Color
cursor_color		Color

Add it with the MCP tools

Any connected agent can place this widget: call add-free-widget with widget_type: "emcp_custom_146" and a settings object using the keys above. Run get-custom-widget with id 146 for the full JSON spec.