Recursos de diseño · 7 herramientas

Shaders WebGL y degradados con shaders

Shaders para el trabajo de interfaz: degradados animados, ruido y grano, y playgrounds para escribir GLSL sin un paso de build. Varios vienen como componentes de React, así que un fondo en movimiento está a un import de distancia.

Ordenar

thebookofshaders.com

Book of ShadersShadersUna guía interactiva y práctica que te enseña a escribir fragment shaders paso a paso.

compute.toys

compute.toysShadersUn sandbox en línea para escribir y experimentar con compute shaders de WGSL.

shaderfrog.com

ShaderfrogShadersUn editor visual basado en nodos para crear shaders conectando nodos de un grafo.

shadercn.run

shadercnShadersComponentes de shaders para React que puedes incorporar a tus proyectos, construidos sobre vgpu y TypeGPU.

shaders.paper.design

Paper ShadersShadersShaders listos para importar que se distribuyen sin dependencias para tus proyectos web.

openshaders.com

OpenShadersShadersUna biblioteca de código abierto de shaders de WebGL lista para incorporar a tus proyectos web.

orbkit.zzzzshawn.cloud

OrbkitShadersUn renderizador impulsado por WebGL para crear efectos de orbes animados en el navegador.