Animated headings for Elementor: type-on, rotating words, highlight, split and glitch effects that carry a single line.
We are eleven people in Leeds who research, design and ship software for companies that have outgrown their first version.
The same line in all eleven, so the only thing changing is the motion. The label under each name is the option you pick in the panel.
Three of the last eighteen months. Each one started as a research sprint and ended with something in front of real customers.
Booking rebuilt around the phone. Drop-offs at the payment step fell from 41% to 12% in eight weeks.
An admin tool their team stopped dreading. Ten screens became four; training went from two days to one morning.
A pricing page that finally explained itself. Sales stopped fielding the same three questions.
Four things, done properly, by the people who will still be here in six months. No account layer between you and the makers.
Two weeks with your customers and your support inbox, then a plan you can argue with.
Interface work in the open — you see it weekly, not at the end.
Clickable enough to test with strangers, cheap enough to throw away.
We hand over components your engineers will actually keep.
Most engagements run twelve weeks. You can stop at any of the three checkpoints and keep everything produced so far.
Interviews, a walk through your analytics, and an honest list of what is broken.
A prototype in front of eight real users, and the recordings to prove what happened.
Built, shipped, measured. Then we write down what we would do next and leave.
We have turned down more work than we have taken. It is the only way the numbers below stay true.
No account managers, no bench. The four people below are the people in your calls, from the first week to the last.
Research lead. Runs the interviews and writes the uncomfortable slide.
Design lead. Ten years of interface work, most of it in regulated products.
Front-end. Cares more about your component library than you do.
Prototyping. Builds the thing that gets tested on Thursday.
Both of these were written a year after the engagement finished, unprompted, which is the only point at which the answer means anything.
“They spent the first fortnight telling us things we did not want to hear, and the remaining ten weeks proving they were right. The booking flow has not been touched since.”
Head of Product
“We had two agencies quote for this. Sundial was not the cheapest and did not pretend to be. Our support tickets about the admin tool dropped by two thirds.”
Operations Director
Three ways in. All of them are fixed before we start, and none of them bill by the hour.
Two weeks. Interviews, analytics, and a written plan you own outright.
Twelve weeks. The whole thing — research through to shipped front-end.
A day a week. For teams who have the people but keep running out of room.
We moved to a four-day week in 2023 and did not cut anyone’s pay to do it. We have not lost a person since.
One reply, from one of the four people above, usually the same day. No forms that go nowhere.
Second floor, Marshall’s Mill, Holbeck. There is a decent coffee place downstairs and we will happily meet you in it.
Straight answers about what this one does, where it fits in a real build, and what it costs you to ship.
Read the documentation for this one, or write to us — a human answers inside a business day.
Eleven. The Animated Heading widget in Sky Addons for Elementor offers Animated, Typed, Highlight, Glitch, Reveal, Word Rotate, Split Chars, Gravity, Flip Chars, Vortex and Wave In — picked from one Select Animate control, so swapping the effect never means rebuilding the heading.
Type them into the Title field as a comma-separated list — for example faster, clearer, simpler. The Title Prefix and Title Suffix fields hold the wording that stays put on either side, so only the middle phrase changes while the sentence around it reads normally.
Yes. The Typed effect exposes type speed, back speed, start delay and back delay, which default to 60, 60, none and 700 milliseconds. Loop is on by default with a Loop Count where 0 means forever, and the cursor can be hidden or set to any character, defaulting to a vertical bar.
Yes — prefix, rotating phrase and suffix are three separately styled parts. Each has its own colour, font family, size, weight and transform, and the prefix and suffix additionally take a display mode of inline, inline-block or block so either can be pushed onto its own line.
Yes. A Text Stroke control with its own width and colour is available on the rotating phrase, the prefix and the suffix independently. Combined with a transparent text colour it produces the hollow display lettering that a solid fill sitting beside it can then contrast against.
Yes — choose the Highlight effect and a Highlight section appears with its own background colour and border radius. Rounding that radius turns the marker-pen block into a pill, and because it is a real background rather than an image it recolours with the rest of your palette.
Only with the Animated effect, which prints the title straight into the HTML. The other ten inject the phrases with JavaScript, so the rotating list ships inside a data attribute rather than as visible text. The prefix and suffix are always real HTML — put the wording that matters for search there.
Yes. A Blend Mode control offers multiply, screen, overlay, darken, lighten, colour dodge, saturation, colour, difference, exclusion, hue and luminosity. Difference and overlay are the usual picks for type sitting over a photograph, because they stay legible as the image behind them changes tone.
Yes — the HTML Tag control offers h1 through h6 as well as div, span and p, and it defaults to h2 so it does not claim the page heading by accident. The whole heading can also carry a link, which wraps the prefix, phrase and suffix together as one anchor.
Two seconds by default. The nine non-typed rotating effects share a single Word Interval control measured in milliseconds, while the Animated effect instead uses Elementor’s own animation picker with a Speed value that also starts at 2000. The Typed effect ignores both and uses its own delays.
