Shaders zero-dependência para canvas chegam em formato npm
resumo de ~3 min
Biblioteca de shaders sem dependências
O Paper Design lançou o Paper Shaders, um conjunto de shaders descritos como "ultra rápidos e zero-dependência" para uso em designs. O pacote está disponível via npm com o comando npm i @paper-design/shaders-react, indicando suporte a React, e o código está hospedado no GitHub.
Catálogo de efeitos
A biblioteca oferece três grupos de efeitos, cada um com páginas de demonstração próprias:
- Filtros de imagem: textura de papel, vidro flautado, água, dithering de imagem, pontos halftone, halftone CMYK e distorção de lente.
- Animações de logo: heatmap, metal líquido e gem smoke.
- Efeitos gerais: mesh gradient (animado e estático), gradiente radial estático, dithering, grain gradient, dot orbit, dot grid, warp, spiral, swirl, waves, neuro noise, Perlin noise, simplex noise, Voronoi, borda pulsante, metaballs, color panels, smoke ring e god rays.
Cada efeito tem uma página dedicada no site shaders.paper.design, onde é possível visualizar o resultado antes de usar no projeto.