It moves by itself. The pointer pulls a glow through it.
Aurora Flow
A gradient that folds through itself and leans toward the pointer. Built to sit behind text.
If the demo runs in your browser, the effect will too.
Or get every effect in the library for $99- Made with
- WebGL
- Size
- 7.2 KB gzipped, no dependencies
- Works in
- HTML, Claude skill
- Without support
- Where WebGL is unavailable it becomes a still gradient in your own colours.
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
- colorBase · colorGlow · colorDepth
- The ground, the bright ridges and what pools in the troughs.
- speed
- From barely drifting to restless.
- pointerStrength · pointerGlow
- How much the pointer bends the flow, and how bright its halo is.
- scrollReactive
- Let the flow quicken as the section scrolls past.
Every option is listed in the package, in plain words.
Requirements and testing
Any browser with WebGL — every current desktop and mobile browser.
Tested in Chrome and Safari on macOS and in Safari on an iPhone 13 Pro. Firefox, Edge and Android are expected to work but were not tested live.
Questions
Does it keep running when nobody is looking?
No. It stops completely when scrolled off screen or when the tab is in the background.
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.
