esteban-montecinos / hue-wave

Generador de Gradientes para Tailwind CSS

HUE WAVE

Crea, Copia y Comparte Gradientes para Tailwind CSS

creado con Next.js

---

Note

Cómo Aportar:

En el archivo collections.js que se encuentra en src/constants agrega tu gradiente favorito con el siguiente formato:

{title: "", gradientTw: "", gradientCSS: "", encode: "" },

Important

title: Nombre de tu gradiente, de preferencia no tenga más de 20 caracteres

gradientTw: Copia la clase de Tailwind.

gradientCSS: Copia el codigo CSS que se genera

encode: Copia el código que se genera al compartir, sin la url https://huewave.vercel.app/

• Ejemplo:

{title: "Candy", gradientTw: "bg-gradient-to-bl from-pink-300 from-9% via-purple-300 via-33% to-indigo-400 to-68%", gradientCSS: "linear-gradient(to left bottom, #f9a8d4 9%, #d8b4fe 33%, #818cf8 68%)", encode: "bGluZWFyLWdyYWRpZW50KHRvIGxlZnQgYm90dG9tLCtiZy1ncmFkaWVudC10by1ibCsjZjlhOGQ0K2Zyb20tcGluay0zMDArI2Q4YjRmZSt2aWEtcHVycGxlLTMwMCsjODE4Y2Y4K3RvLWluZGlnby00MDArOSUrZnJvbS05JSszMyUrdmlhLTMzJSs2OCUrdG8tNjgl" },

---