Show HN: Glitch/Distorion page transitions with HTML-in-Canvas

Hey HN! I released VFX-JS Transitions, a WebGL page transition library built on HTML-in-Canvas API.

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 was released in Chrome 157, so you can use it today in your website. Other browsers don't support it yet, 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.