A collection of interesting projects for animation and shaders in the web. A lot of these have to do with 3D graphics or potentially allow for full physics systems.

Three.js — Probably the most well known and popular 3D WebGL based graphics library

Some selected examples, links, and tutorials:

Anime.js — a lightweight Javascript animation library. It looks very similar to greensock
Vanta.js — A collection of plug and play animated background
Isomer.js — An Isometric graphics library for HTML5 canvas
p5.js — A Javascript port of processing

Some selected examples, links, and tutorials:

Processing always felt like it had feature parity to Löve2D and there’s a Javascript of Löve2D as well.

Shadeup — A language for writing shaders for WebGPU

There’s also some interesting tools for making designs just through CSS

Some other aggregations and lists

  • CSS Doodle — One of the simpler tools for creating doodles for css backgrounds.

The Sparks Joy GitHub project has tons of design tools and sources of inspiration