You can add GPU-powered page transitions to your website with just a few lines. It takes care of capturing the pages, holding the old one on screen, managing render passes and all sorts of other chores.
It comes with presets like glitch, datamosh and pixel sort, and you can also write your own transitions in GLSL. It ships a SKILL.md, so you can ask Claude etc to write the transition you want.
HTML-in-Canvas is still in Origin Trial in Chrome, so you need to register or wait until browsers ship it... but I think HTML-in-Canvas is a real breakthrough for web design, and it's worth experimenting with today. For other browsers, VFX-JS falls back to a DOM-to-SVG workaround. It can't capture everything, but you can start using it now!
docs: https://amagi.dev/vfx-js-transitions/ repo: https://github.com/fand/vfx-js
Any feedback is welcome! Thanks.