PARTLY

Partly true: 'Hexagon loading' is a real canvas animation that runs as shown, but the code on screen is a years-old snippet copied verbatim across dozens of repos and presented with no source, no link and nothing a business site should ship

Facebook · Oct 2026

The claimA 12-second music-only reel: a glowing red hexagon cluster animates above an editor showing script.js with 'Line.prototype.step = function () {', 'var wave = Math.sin((prop * Math.PI) / 2)', 'ctx.shadowBlur = prop * opts.shadowToTimePropMult' and 'ctx.fillStyle = ctx.shadowColor = this.color.replace("light", opts.baseLight)'. Caption: 'Hexagon loading' with #codinglife #webdesign #hexagon #shorts #viralpost. No voice, no explanation, no link to the code.

Nothing here is false, and nothing here is the poster's. The animation is a real HTML5 canvas effect: lines walk a hexagonal grid, each segment fades in on a sine wave and gets a glow from ctx.shadowBlur. The code shown is identifiable from its unusual option names. A GitHub code search for shadowToTimePropMult returns the same function in at least a dozen unrelated repositories: HTML template bundles, a 'fullscreen background' demo, a Vue component called 'neon', personal blogs and admin dashboards, all carrying the identical 'shadowToTimePropMult: 6' default and the same 'Line.prototype.step' body. That is the signature of an old CodePen that has been copied for years; the original author could not be pinned down, so credit stays open. The reel implies original work by showing an editor with index.html, style.css and script.js tabs and tagging #codinglife, and it withholds the code so the only action available is to follow. For a business owner the practical note is simpler: a glowing loader is decoration, canvas shadowBlur is one of the more CPU-expensive things you can animate on a phone, and the right amount of loading animation on a small-business site is none, because the page should not be slow enough to need one. If you want the effect for a splash or a portfolio, the free original is a search away.

What holds up

Reel read frame by frame: a 'Hexagon Loading' title, the red hexagon cluster growing across 16 frames, and an editor with index.html, style.css and script.js tabs showing Line.prototype.step, Math.sin wave easing, ctx.shadowBlur driven by opts.shadowToTimePropMult, and ctx.fillRect with opts.len; no transcript (music only).
GitHub code search (gh search code 'shadowToTimePropMult', Oct 2, 2026) returns the identical function in at least a dozen repositories, including template collections, a 'html5-canvas-fullscreen-background' demo, a vue-canvas-effect 'neon' component and several blogs, all with 'shadowToTimePropMult: 6' as the default; the snippet is widely copied, not new.
The original author and CodePen could not be confirmed from a Bing search, so attribution is left unresolved and confidence is Medium.
No link, repo, download or product is attached to the reel; the only call to action is the follow and the hashtags.

What doesn’t

Code shown as the poster's own is a verbatim copy circulating in dozens of repos; no credit, no link.
The reel withholds the code so the follow is the only next step; the snippet is free elsewhere.
Canvas shadowBlur animation is heavy on mobile CPUs; as a real loader it would slow the page it is pretending to speed up.
Zero business relevance: a loader animation does not move conversions, speed does.

The catch

If you just want the effect, search GitHub for 'shadowToTimePropMult' and you will have the full file in under a minute, free, and you can credit whichever repo you take it from. If you run a business site, skip loaders entirely: get the page under about two seconds on mobile and there is nothing to hide behind an animation. If you must have a spinner, use a CSS or SVG one, which costs nothing to run.

How to actually do it

Grab the original: run a GitHub code search for shadowToTimePropMult, copy the index.html from any repo that has it, open it in a browser and change the colors in the opts block.
Before adding any loader, run your site through PageSpeed Insights; fix images and scripts first, because a fast page needs no loading screen.
If a spinner is required, use a CSS keyframe or inline SVG animation and keep canvas effects off pages that need to convert on phones.

The animation is real and the code works, but it is a widely copied snippet shown without source so the viewer has to follow instead of download. The useful route is to pull the free original from GitHub, and for a business site, to fix speed rather than decorate the wait.

Confidence: Medium
Posted by: a coding-clips page that posts web-effect reveals, ~103K views on this reel; reel sent to Buddy Sat Sep 26, 2026, ~3:54 PM

See the original claim →

We test hype for free. We build the real thing for a living.

Thirty minutes, no pitch — and you'll leave with something useful either way.

Book a call with Todd or start with the free Business Checkup →

The Verdict Weekly

Three verdicts every Friday. Free forever, unsubscribe anytime, no spam — that would be ironic.