Ultimate CSS Gradient & Mesh Generator es una herramienta de diseño de fondos que permite crear «auroras (Mesh Gradient)» y «texturas de ruido», esenciales para el diseño web moderno, mediante una interfaz gráfica intuitiva. Utiliza Framer Motion para lograr operaciones de arrastre de alto rendimiento y bajo costo de implementación.

Características principales

• Modo de gradiente de malla: Un gradiente tipo aurora implementado con filtros CSS y Framer Motion, sin usar WebGL. Permite mover los puntos libremente con operaciones de arrastre y la vista previa se actualiza en tiempo real. Puede ajustar la «apariencia de aurora» con el valor de desenfoque (80-120px recomendado).
• Modo de gradiente lineal/radial: Un editor de gradientes común. Permite ajustar libremente el ángulo y las paradas de color.
• Función de suavizado no lineal: Inserta automáticamente colores intermedios entre las paradas de color para lograr transiciones suaves y claras.
• Superposición de ruido: Genera un filtro SVG (feTurbulence) para añadir una textura de ruido. La opacidad y el modo de fusión son ajustables.
• Generación de código CSS: Exporta el gradiente generado como código CSS puro. Puede copiarlo y usarlo directamente.
• Exportación PNG: Guarda el lienzo actual como una imagen. Se puede utilizar como material de diseño.

Privacidad y seguridad

Todos los procesos se completan en el navegador, por lo que su privacidad es segura y el rendimiento es rápido.

• 2025-12-03Lanzamiento inicial. Implementadas las funciones de Gradiente de Malla, Gradiente Lineal/Radial, Superposición de Ruido, Generación de Código CSS y Exportación a PNG.