Canvas-UI : exploiter la puissance de HTML-in-Canvas

Par:
francoistonic

lun, 28/09/2026 - 17:08

Canvas-UI permet d'exploiter la puissance de HTML-in-Canvas. Pour rappel, HTML-in-Canvas permet de rendre un contenu HTML avec tous les éléments graphiques, directement dans un élément <canvas>. Cette possibilité permet de créer une richesse graphique bien plus grande sans (trop) alourdir le code. Canvas-UI rassemble 35 composants  pour HTML-in-Canvas en exlpoitant le WebGL ou WebGPU.

Certains effets sont assez impressionnants et d'une grande fluidité. Bien entendu, comme il s'agit d'API provenant Chrome, il faut un navigateur comptable. Pour chaque composant, le code d'exemple est disponible sur plusieurs framemworks JS et vous pouvez même choisir entre WebGL et WebGPU. Comme vous pourrez le voir, cela reste verbeux. 

Site : https://canvasui.dev/