Particles Animation: 20 Solutions from Codepen
Experiments with canvas, a basic HTML5 element that is used to produce graphics of various kinds and scale on a web page, are gaining more and more popularity nowadays. It seems that web developers have pinned their faith in this technology, even despite the fact that it suffers from the lack of proper browser compatibility.
Intending to unlock various possibilities of this potent element the artists come up with pretty remarkable and occasionally unexpected results that strike the eye from the first seconds. One of such successful experiments that have found its practical application in website design is particles animation.
If you take a look at elegant Deutser or top-notch Void, you will notice that they have one thing in common: all of them are enriched with particles-inspired centerpieces that take the user experience to the next level. They are representative examples of the stream. Aren’t they outstanding? The feature is in trend these days, so why not to get acquainted with a dozen of solutions available over at Codepen to learn from?
We have included different implementations to reflect the diversity of the direction. Explore them, and tell us which one is your favorite?
(The article was first published in June 2016 and has been updated to make sure all links and resources are still valid.)