Generador de degradados Tailwind — gratis online

Elegir las clases de degradado y sombra en Tailwind suele ser cuestión de prueba y error. Cambias un color, recargas, miras con atención y vuelves a la documentación. Añadimos una herramienta gratuita que quita las adivinanzas — Tailwind Gradient Generator — directamente en tu navegador.

Qué hace

Diseñas degradados y sombras a ojo y ves cómo cambia la vista previa mientras los ajustas. Cuando queda como quieres, copias las clases exactas de Tailwind. Sin adivinar qué hace cada clase y sin saltar una y otra vez a la documentación.

Nada sale de tu dispositivo

Todo funciona en tu navegador. Tus colores y ajustes no se suben a ningún sitio y nada se guarda en un servidor. Cuando cierras la pestaña, desaparece.

Cómo usarla

  1. Abre Tailwind Gradient Generator y elige los colores y la dirección del degradado, o configura una sombra.
  2. Mira la vista previa en vivo hasta que se vea como quieres.
  3. Copia las clases de Tailwind y pégalas directamente en tu código.

Es gratis y sin límite. Hay más herramientas pequeñas en la página de Apps.

Recibe los nuevos posts

Pronto podrás dejar tu email y recibir los nuevos posts — sin cuenta, sin spam.

El registro por email aún no está activo — por ahora no se recoge nada.