Interactive Pattern Picker

Configure background patterns and generate code instantly

Quick Presets

Select Pattern

Live Preview

Pattern rendering for "tessellation" coming soon

Your Content Here

This is how your pattern looks in action

Configure Props

Generated Code

<TessellationBg
  density="medium"
  theme="branded"
  animated={true}
  strokeWidth={1}
  blendMode="multiply"
  animationSpeed="normal"
  darkMode="auto"
/>