Canvas UI

Canvas UI is an AI tool in the Coding & Development category. Useful for webgl, webgpu, shaders, ui effects, components.

Canvas UI logo

A library of creative canvas components by David Haz: fluid, fog, glass and fire effects drawn with WebGL or WebGPU over your live page, for React, Vue, Svelte, Solid, Preact and vanilla.

Uma biblioteca de efeitos criativos em canvas, do David Haz: fluido, névoa, vidro e fogo desenhados com WebGL ou WebGPU por cima da página viva, pra React, Vue, Svelte, Solid, Preact e JavaScript puro.

AITag Review

Move your mouse over the top of the Sapiens homepage and the fog parts where the cursor goes, then slowly closes again: that fog is the Clouds component from Canvas UI. It works like a film over the site: the real text stays underneath, selectable and clickable, and the effect runs on top. The cloud is not a photo or a video, it is noise, five layers of soft patterns added together and recomputed every frame. The cursor leaves a trail in a second, invisible image that remembers where it passed and slowly forgets, and wherever it remembers, the fog opens. On our homepage that noise field redraws about a million pixels thirty times a second, 37 noise calls per pixel: over a billion calculations a second on the graphics card.

Features