Move the pointer through the pile.
Colorfall 3Dpremium
Colorful 3D cubes fall, collide, and settle naturally — then stop dead, at no cost.
If the demo runs in your browser, the effect will too.
Or get every effect in the library for $99- Made with
- WebGL
- Size
- 23.8 KB gzipped, no dependencies
- Works in
- HTML, Claude skill
- Without support
- Where WebGL2 is unavailable it does not mount at all and your section is left exactly as it was, keeping its own background.
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
- size
- How big the cubes are. The one number to turn if they read too large or too small.
- colors · weights
- The palette, and how often each colour comes up.
- gravity · bounce · friction
- How heavy they feel, how lively the landing is, how steeply the heap holds its shape.
- cursorStrength
- How hard the pointer shoves. Zero makes it an obstacle that pushes nothing.
Every option is listed in the package, in plain words.
Requirements and testing
Any browser with WebGL2 — every current desktop and mobile browser.
Driven end to end in Chromium on macOS, including 200 mount/unmount cycles and a forced loss of the graphics context. Safari and Firefox are expected to work — there is nothing exotic in the WebGL2 it uses — but were not tested live.
Questions
Will it keep my visitors' laptops busy?
No. The heap settles about four seconds after the page loads and then the animation frame is cancelled — not throttled, cancelled. Consecutive frames become identical pixel for pixel until someone moves the pointer through it.
Will it fight the text I put on top?
The cubes keep to the bottom of the section by construction, and the canvas takes no pointer events, so links and buttons over it keep working. If your section is short enough for the heap to reach your heading, lower the fill setting.
Do the cubes collide in 3D, towards and away from the viewer?
No, and deliberately. They are drawn as true 3D solids but they fall and spin in one plane, which is what lets a settled heap stack without the cubes visibly sinking into one another. If you need cubes tumbling over each other in depth, this is not that effect.
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.
