Cursor effects for Elementor: replace the pointer with a custom cursor that reacts to the elements it moves across.
Northbank is six people who do identity, packaging and the awkward bits in between. We take four projects at a time and we finish them.
Four projects a year, and these are the four. Everything else we did in 2025 is in the drawer marked fine.
A skincare range that needed to stop looking like a pharmacy.
Forty-eight brand marks for a co-operative of forty-eight boatyards.
A hundred-year-old dairy, photographed like a fashion label.
Nine imprints, one grid, and a colour rule nobody can break.
Ninety seconds, cut from fourteen projects, and the only place we have ever put music over our own work.
If a job does not sit in one of these six, we will say so on the call and point you at somebody who does it properly.
Marks, type systems, and the rules that keep them alive after we leave.
Structure, artwork and print management. We sit in the press check.
Art direction and the photography brief, not just the layout.
Sites and product surfaces, built with whoever your engineers are.
Books, reports and the occasional menu we could not say no to.
The hardest and cheapest thing we do. Usually a fortnight.
Six people, one room above a bike shop, and a rota for who makes the coffee that nobody has ever kept to.
Six people can hold four projects in their heads properly. Five and something starts getting the version of our attention where we read the brief on the way to the meeting. We tried it in 2023 and the work was fine, which was the problem.
So the studio has a queue, and we publish where it is. If you write to us in March about a June start we will tell you it is a June start rather than saying yes and quietly meaning September. Occasionally that loses us a project. More often it is the reason someone came to us.
We wrote this down in 2019 because we kept having the same argument in December and losing the reasoning by March.
Cursor effects are switched off in this section, on purpose. This is the page where somebody is deciding whether to spend twenty-eight thousand pounds, and a pointer that lags behind their hand is the last thing that should be happening.
A naming sprint or a packaging refresh. One round of presentation, one of revision.
Marks, type, colour, the rules document, and enough application to prove it works.
We sit in your channel and act like your design team, because you have not hired one yet.
Written when a project teaches us something, not on a content calendar. Rae writes most of them and Ilse argues with them first.
A client picked the safe one every time, and it was never the one we would have built.
Forty names on a wall is a way of avoiding the decision, not making it.
The cheapest structural decision on a pack is usually the one that gets remade in year two.
We ask about the decision you are trying to make, not the deliverable you think you need. Budget comes up on the call, once we know whether we are the right studio.
Nobody reads it but Rae, and she replies to all of them, including the ones we say no to.
Two paragraphs is plenty. Rae reads everything and replies within two working days, including the ones we have to say no to.
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.
In three places, and none of them is a widget. Sky Addons for Elementor adds a Cursor Effects tab to Site Settings for a site-wide cursor, the same section to a page’s own Settings tab, and one more on the Advanced tab of any container for a single band of the page.
Yes. Set the cursor on that container from its Advanced tab and it applies while the pointer is inside it. A page-level cursor overrides the site-wide one, and a Disable Site Cursor switch on the page Settings tab turns the global cursor off for that page alone.
Five kinds of trail: a ring, a word of text, an icon, an image, or a looping muted video. Each has its own style group — ring size runs 10 to 160 pixels with a 1 to 10 pixel border, the dot 2 to 40, an icon 10 to 120, and media 30 to 500 pixels wide.
Yes, with no configuration. React to Links & Buttons is on by default and the cursor grows whenever it passes over a link, button or form field. Grow Scale sets how much, from 1 to 5 times normal size, and defaults to 2.5.
Yes. Add a Hover Target, give it a CSS selector such as .my-work, choose the Show Text reaction and type the word. There is also a no-target shortcut: put a data-sa-cursor-text attribute on any element and the cursor picks the label up on hover.
It draws the cursor toward the centre of the element it is over, so a button feels like it is attracting the pointer. It is one of four reactions a Hover Target can use, alongside Grow Cursor, Show Text and Hide Cursor, and each target row gets its own selector and reaction.
Yes, that is what Follow Speed does. It runs from 0.05 to 1 and defaults to 0.5 — lower values make the trail lazier and give the floating, rubber-band feel, while 1 pins it to the pointer. Hide Native Cursor removes the system arrow so only your cursor shows.
Set Blend Mode to Difference on a light-coloured dot. The cursor then inverts whatever it passes over, staying visible on both black and white sections without any per-section overrides. Exclusion gives a softer version of the same trick, and Normal switches it off.
Nothing renders. The effect only starts when the browser reports a fine pointer, so touch devices are skipped automatically, and it also stands down for visitors whose system has reduced motion enabled. There is no mobile switch to remember and no stray cursor stuck on a phone screen.
Because font icons only draw when their icon font is loaded on that page, and a cursor by itself does not pull the font in. Either choose an uploaded SVG icon, which carries its own artwork, or place any icon widget somewhere on the page so the font gets enqueued.
No. It needs Sky Addons Pro, and free Elementor underneath is enough — Site Settings and page settings are core Elementor features that the extension adds its tab to. No separate cursor plugin, theme support or custom JavaScript is involved.
Use Cursor Effects when you want a configurable pointer that reacts — growing on links, showing labels, pulling magnetically, scoped site-wide or to one container. Reach for the Rounded Cursor widget instead when you specifically want rotating circular text and a spinning ring following the pointer; that one is a widget you place.
