Generadores

Generadores — 10 herramientas para desarrolladores en el navegador, como Generador de UUID, Generador de Hash ID y Generador de datos ficticios. Todo se ejecuta localmente sin registro ni subidas, tus datos siguen siendo privados y los resultados son instantáneos.

10 herramientas

Generador de UUIDHerramienta en línea gratuita para generar UUID v1, v4 y v7 con creación masiva y validación. Los UUID se generan en su navegador con crypto.getRandomValues(), hasta 1.000 a la vez, y v7 revela la hora de creación.

Generador de Hash IDGenerador gratuito de hash ID que crea identificadores aleatorios cortos y seguros para URL al estilo nanoid. Define la longitud y el alfabeto, genera uno o varios ID únicos y cópialos.

Generador de datos ficticiosGenerador gratuito de datos ficticios basado en faker.js que crea nombres, correos y direcciones realistas. Elige los campos y exporta datos de prueba en formato JSON, CSV o SQL.

Generador de código QRGenerador de códigos QR que convierte texto o una URL en una imagen QR, con tamaño, nivel de corrección de errores y colores personalizables. Descarga el PNG al instante, generado gratis en tu navegador.

Generador de faviconGenerador de favicon gratuito para crear favicons a partir de texto, un emoji o un color. Elige fuente, fondo y forma, y descarga iconos PNG listos en varios tamaños para tu sitio.

Generador de ondas SVGGenerador de ondas SVG en línea gratuito con editor visual para ondas suaves. Ajuste amplitud, colores y capas, aplique ajustes preestablecidos y copie el código CSS y SVG para fondos y divisores de sección.

Generador de degradado CSSGenerador visual de degradados CSS lineales, radiales y cónicos: añade paradas de color, ajusta el ángulo y copia el CSS. Perfecto para fondos y botones, gratis en tu navegador.

Generador CSS box-shadowGenerador de box-shadow CSS con controles de desplazamiento, desenfoque, extensión, color e inset y vista previa en vivo. Copia el CSS listo para usar, gratis en tu navegador.

Generador CSS border-radiusGenerador de border-radius CSS con ocho controles de esquina independientes, deslizadores y vista previa en vivo de la forma redondeada. Copia el CSS listo para usar, gratis en tu navegador.

Generador CSS FlexboxPlayground de CSS Flexbox con editor visual para justify-content, align-items, flex-direction y wrap, con vista previa en vivo. Genera CSS Flexbox listo para copiar, gratis en tu navegador.

Cómo usar

1
Ajusta los controles visuales— Arrastra los deslizadores y tiradores de un degradado, una sombra, un radio de borde o un diseño flexbox: la vista previa se actualiza en cada cambio, así ajustas el valor a ojo.
2
Copia el código generado— Cada generador escribe el CSS por ti, listo para pegar en la hoja de estilos, y los generadores de código QR, favicon y onda SVG exportan un archivo para el proyecto.
3
Produce identificadores y datos de prueba en lote— Genera de una vez un lote de UUID o de Hash ID cortos, o crea registros ficticios en JSON o CSV para llenar una tabla mientras pruebas.

Preguntas frecuentes

Elige v7 si el valor será clave primaria: empieza por una marca de tiempo en milisegundos, así que las filas nuevas quedan juntas en el índice B-tree en lugar de dispersarse por páginas aleatorias. Quédate con v4 cuando el identificador no deba revelar nada sobre el momento de creación, como un token público para compartir.

Sí. Ambos usan crypto.getRandomValues(), el generador criptográficamente seguro del navegador, en lugar de Math.random(). El generador de contraseñas muestra además la entropía en bits, así que puedes comprobar si la longitud y el conjunto de caracteres elegidos son de verdad robustos.

Sí. Los generadores de degradado, sombra, radio de borde y Flexbox devuelven CSS estándar junto a una vista previa en vivo, y esas propiedades ya no necesitan prefijos de proveedor en los navegadores actuales. El generador de ondas SVG entrega tanto el marcado SVG como el CSS necesario para usarlo de fondo.