First impressions happen in a heartbeat, and nothing holds a visitor’s eye like words that appear to write themselves. The Hero Typewriter widget brings that effect to Elementor, typing your headline out character by character over a full-screen background, then deleting it and moving to the next message. The result feels alive and intentional, the kind of motion that usually takes custom JavaScript, yet it is built entirely from the widget settings with no code at all. Drop it at the top of a page and the headline does the work of pulling people in.
What Is the Hero Typewriter Widget?
The Hero Typewriter widget is a full-bleed hero that animates a rotating set of headlines with a live cursor. Each slide carries its own typed line, a subtitle, a call-to-action button, and either a background image or a solid background colour. You choose how the text appears, how fast it types and deletes, how long it pauses, and how the backgrounds transition between slides. Because the animation runs natively in the browser, this Elementor hero stays fast and smooth while looking like bespoke front-end work.
Key Features of the Hero Typewriter
This Elementor hero ships with the controls a real launch page actually needs:
- Three text effects: a classic typewriter, a word-by-word reveal, and a scramble animation that settles into the final line.
- Full cursor control, with pipe, underscore, block, or no cursor, plus adjustable blink and width.
- A static prefix that stays put while the rotating text changes after it, ideal for lines like “We build ___”.
- Crossfade, slide, or zoom background transitions, optional blur while typing, fullscreen or fixed height, and complete typography and colour styling.
Why Use the Hero Typewriter Widget on Your Site?
A hero only gets one chance to set the tone, and a line that types itself earns a beat of extra attention right when your message and your button need it most. It turns that beat into something useful: a creative studio can cycle through the kinds of work it does, a software company can promise a different outcome on every slide, and a coffee roastery can let three short, elegant lines settle in one after another. Per-slide backgrounds keep each message in its own world, while the static prefix lets you anchor a constant phrase and rotate only the words that change. It is responsive and touch friendly out of the box, so the effect that fills a desktop screen reads just as well under a thumb, which is why this Elementor hero earns its place at the top of a page built to convert.
Getting Started With Hero Typewriter in Minutes
Drop the widget into any Elementor section and add a slide for each message in the repeater. Give every slide a typed line, a subtitle, a button, and a background image or colour. Pick the text effect, set the typing, deleting, and pause speeds, and choose a cursor style. Select crossfade, slide, or zoom for the backgrounds, decide between fullscreen and a fixed height, then style the prefix, headline, subtitle, and button to match your brand. Everything previews live in the editor, so you shape the final result without writing any code by hand.
See the Hero Typewriter Widget in Action
The demo page below shows three live builds across very different brands, each with its own text effect, cursor, and background transition. Watch how the typewriter, word-by-word, and scramble styles change the whole feel of one layout, then picture your own message typing itself out. It is the fastest way to judge what this Elementor hero can do for your next campaign before you commit to a design.
The Hero Typewriter widget is part of the Sentio Addons for Elementor collection, alongside dozens of other performance-first tools. Add it to your toolkit, pair it with your strongest opening line, and give your next launch a headline worth watching.