finds.dev← search

// the find

crnacura/AmbientCanvasBackgrounds

★ 802 · JavaScript · updated Dec 2018

Five ambient webpage backgrounds created using the HTML5 Canvas API and jwagner's Simplex Noise library.

Five animated HTML5 Canvas backgrounds (aurora, particle swirls, flowing pipelines, etc.) built with Simplex Noise. This is a Codrops demo article from 2018 — it's a showcase piece, not a library. If you want a specific visual effect for a website header or landing page, the code is right there to copy.

The noise-based animations are genuinely well-crafted — the aurora effect in particular holds up visually. Each demo is self-contained in a single JS file, so you can lift exactly what you need without untangling a dependency graph. Good starting point for learning how to drive canvas animations with Simplex Noise.

Abandoned since December 2018 — no updates, no issues addressed, no npm package. The five effects are hardcoded static files with no configuration API, so adapting colors or speed means editing the source directly. No TypeScript, no module system, just global script tags. The Codrops license is also unusual — not MIT or Apache, so read it carefully before shipping in a product.

View on GitHub → Homepage ↗

// want more like this?

We dig through GitHub every week and send a few repos picked for what you actually care about — each with an honest take like this one.

Get finds in your inbox → Search again →