Generador de formas orgánicas SVG
- Los archivos no salen de tu dispositivo
- Se ejecuta en el navegador
- Gratis, sin registro ni marca de agua
Press R or Space for a new blob.
Cómo usar Generador de formas orgánicas SVG
Genera formas orgánicas aleatorias y expórtalas como SVG, PNG o un componente React. Ajusta puntos, contraste, capas, relleno degradado y estilo de contorno, y añade una animación de morph opcional. Cada forma sale de un número de semilla y se genera en tu navegador.
- 1
Haz clic en Nueva forma, o pulsa R o Espacio, hasta que te guste la forma. Las formas anteriores se quedan en Formas recientes.
- 2
En Forma, ajusta Complejidad, Contraste, Tamaño y Capas.
- 3
En Color, elige una de las Paletas o define un relleno Sólido o Degradado, y cambia Estilo a Contorno si solo quieres el borde.
- 4
Define el Ancho y el Alto del lienzo, activa Color de fondo si hace falta, y activa Animación de morph para una forma en movimiento.
- 5
Haz clic en Descargar SVG, o elige una escala PNG de 1×, 2× o 4× y haz clic en PNG. Copiar SVG y Copiar React ponen el código en el portapapeles.
Preguntas frecuentes
¿Puedo obtener la misma forma más adelante?
Sí. La forma sale de la Semilla, así que la misma semilla con los mismos ajustes siempre da la misma forma. Anota el número y escríbelo otra vez en Semilla.
¿El fondo es transparente?
Sí, de forma predeterminada. Activa Color de fondo solo si quieres un lienzo relleno.
¿La animación funciona en el archivo exportado?
La animación de morph usa el elemento animate integrado de SVG, así que se reproduce en las exportaciones SVG y React sin CSS ni JavaScript extra. El PNG es siempre un fotograma fijo.
¿Cómo uso la forma en un proyecto React?
Copiar React te da un componente que devuelve el SVG y pasa sus props al elemento svg, para que puedas añadir un className o un style.
¿Se sube algo?
No. Las formas se calculan y se exportan por completo en tu navegador.