A simpler animated headline widget built around a library of ready-made preset effects — Typing, Waterfall, Slide Reveal, Vortex, and more — rather than the fully custom split-mode and fill system the more elaborate Editorial Text widget offers. The tradeoff is deliberate: Stylish Headline trades some flexibility for speed. Pick a preset, and the effect just works, with no separate decisions about split granularity, easing curves, or fill treatments to make along the way.
Three-part text structure
Rather than treating a headline as one uniform block of animated text, this widget splits it into three independent fields: Before, Main, and After. All three are dynamic-tag compatible, meaning any of them can pull live content from post data rather than being fixed text. What makes this structure genuinely useful is that only the Main portion needs to carry the animation — the Before and After text stay static, letting you build a headline where a single word or short phrase gets the visual emphasis while the surrounding sentence structure remains calm and readable. A typical pattern looks like: "We build" (static, Before) + "beautiful websites" (animated, Main) + "for everyone" (static, After) — the animation draws the eye to the specific phrase that matters most, rather than making the entire headline compete for attention all at once.
Layout direction
Layout Direction switches between an inline arrangement, where all three text parts sit on one continuous line reading naturally like a normal sentence, and a stacked arrangement, where each part occupies its own line — useful when the Main phrase is long enough that keeping everything inline would force awkward wrapping, or when a taller, more vertically composed headline better suits the surrounding section’s layout.
Autoplay and speed
An Autoplay toggle and an animation speed control round out the widget’s settings — autoplay decides whether the preset effect fires automatically once the element becomes visible, and speed tunes how quickly that effect plays out, since a fast typing effect on a short phrase reads very differently from the same effect slowed down for a longer one.
Choosing between this and Editorial Text
The decision between Stylish Headline and Editorial Text usually comes down to how much of the headline needs animating and how custom that animation needs to be. If only a specific word or short phrase within a larger sentence should carry motion — the classic "static intro, animated emphasis, static outro" pattern — Stylish Headline’s three-part structure fits that shape directly without extra configuration. If the entire headline is meant to animate as a unit, or if you need finer control over split granularity (character versus word versus line), stagger timing, easing, or a distinctive fill treatment like a gradient or video mask, Editorial Text’s deeper control set is the better tool, at the cost of more setup decisions.
Use it for
Hero sections where a single emphasized word or phrase needs to stand out within an otherwise conventional sentence — "The fastest way to launch your store", with only "fastest" carrying the Vortex or Typing effect — and any section intro where a quick, preset-driven flourish is enough without building a fully custom animation.
Practical tips
- Reserve the Main animated portion for the single word or phrase that genuinely deserves emphasis — animating too much of a sentence dilutes the effect and makes the calmer Before/After text feel like an afterthought rather than a deliberate framing device.
- Test each preset against your actual headline copy — effects like Typing read very differently on a two-word phrase than on a six-word one, and what looks polished on a demo may need a speed adjustment for your real content’s length.
- Switch to stacked layout direction if the inline version is forcing an awkward line-wrap on smaller screens — a headline that wraps mid-effect can look broken rather than intentional.