Suite 01 / Canvas Hub / aGo Patterns

aGo Patterns

Crea patrones repetitivos, ruido y cuadrículas técnicas con feTurbulence. Exporta SVG o copia el background-image CSS directo.

SVG patternsfeTurbulenceCSS ready LIVE
Abrir editor Pantalla completa, sin instalar, sin cuenta. Procesamiento local en tu navegador.
/// que hace
01

8 estilos base

Puntos, cuadrícula, líneas, ondas, blueprint técnico, ruido orgánico, crosshatch, chevron. Todos ajustables.

02

Ruido feTurbulence

Filtro SVG nativo para texturas orgánicas tipo grano de papel o noise digital sin dependencias.

03

CSS o SVG directo

Copia el background-image listo para tu CSS o el SVG inline para usar en componentes.

04

Cero peso de imagen

Los patrones son vectoriales, ~500 bytes cada uno. Sin requests de red, sin imágenes externas.

/// preguntas frecuentes

Preguntas frecuentes

¿Cómo uso el resultado en mi sitio?

Copia el bloque CSS y pégalo en el selector que quieras. El pattern se repite automático vía SVG pattern fill.

¿feTurbulence funciona en todos los navegadores?

Sí. Es estándar SVG desde 2003. Chrome, Firefox, Safari, Edge todos lo soportan.

¿Es mejor SVG o PNG para patrones?

SVG. Es vectorial, escala infinito, pesa décimas de KB. Solo usa PNG si necesitas efectos fotográficos imposibles en SVG.

¿Qué es el modo blueprint?

Combinación de grid grueso + líneas finas punteadas. Estilo técnico de planos de arquitectura o ingeniería.