pull
Move the pointer across it. The word is uncovered where the magnet passes.
Iron Filings
A field of filings that follows the pointer like a magnet, and clears around your heading.
If the demo runs in your browser, the effect will too.
Or get every effect in the library for $99- Made with
- Canvas 2D
- Size
- 8.7 KB gzipped, no dependencies
- Works in
- HTML, Claude skill
- Without support
- If the script never runs, your heading is simply there, styled as you wrote it.
Installing it
Download
After paying you get a ZIP. Unzip it; the folder is the whole effect.
Put it in your project
Drop the folder into your project and tell your AI assistant “Install this Unbland effect in my project.” No assistant? Paste the HTML version into Elementor’s HTML widget, or add one script tag to your page.
What you can change
- your heading
- The word it clears around is your own markup — change the text, typeface or language and the effect follows.
- spacing
- How dense the field of filings is.
- revealText
- Cut the word out of the field, or leave it sitting on top.
- introSweep
- One pass of the magnet on first view, then rest.
Every option is listed in the package, in plain words.
Requirements and testing
Canvas 2D — every browser.
Driven end to end in Chrome on macOS, including reduced motion and forced colours. Safari, Firefox, Edge, iOS and Android are expected to work but were not tested live.
Questions
Can I change the colours?
Not in this version — it is a near-black ground with pale blue-grey filings. Brand colours are a reasonable request; write to us.
What happens on a phone?
A finger cannot sweep like a mouse, so on touch screens the heading stays visible with the filings moving behind it.
How do I know it will work on my site?
The demo on this page is the effect itself, running in your browser. If it runs here, it will run on your site in the same browser.
Can I use it on a client's website?
Yes. A single purchase covers up to three projects, and a client's site counts as one of them. The client keeps theirs for good.
Something isn't working after I bought it. What now?
Write to us first at [email protected] — say which browser and device, with a link or a screenshot. Most problems are solved in one reply. If the effect itself can't be made to work for you, you get your money back.
What do I get after paying?
A download link straight away, with a ZIP containing the effect, its instructions for AI assistants, and a plain-language readme.
