Shader Gradient

Shader Gradient es una herramienta para crear fondos de degradados en movimiento y animados. Está disponible como un plugin de Framer, un plugin de Figma y un componente de React, por lo que puedes usarlo en la herramienta de diseño con la que ya trabajas. Los degradados no son estáticos: cambian, fluyen y reaccionan en tiempo real, dándole a los sitios web un aspecto vivo y personalizado.

La herramienta te ofrece mucho control. Puedes ajustar la forma del degradado, elegir colores (incluyendo códigos hex) y retocar la fuerza del ruido, la densidad del ruido, la espiral, la velocidad, el grano, la iluminación, la posición y la rotación. También hay un parámetro de animación para configurar cómo se mueve el degradado. Todo se actualiza en vivo a medida que mueves los deslizadores. Para los usuarios de Framer, puedes insertar el plugin y empezar a dar estilo inmediatamente. Los usuarios de Figma tienen una experiencia similar de arrastrar y soltar. Los desarrolladores pueden importar el paquete de npm y controlar el degradado a través de props.

Shader Gradient es ideal para diseñadores web y desarrolladores que quieran añadir un movimiento sutil o dramático a los fondos sin tener que escribir shaders desde cero. Funciona especialmente bien para secciones hero, páginas de aterrizaje y cualquier área donde quieras un fondo que se sienta vivo. La herramienta fue creada por Ruucm y Seungmee, y está disponible de forma gratuita a través de Framer Marketplace, Figma Community y GitHub.