Circular Pattern SVG Generator

anomie.at/tools

Generate beautiful circular patterns with dots in various styles: spiral, concentric circles, radial lines, random density, or gradient. Customize dot sizes, radius, and number of points. Download as SVG.

Pattern Types

Dot-based Patterns

  • Spiral - Single or multiple spiral arms with customizable dot sizes
  • Concentric Circles - Rings of dots with adjustable spacing and sizes
  • Grid Morph - Grid-based pattern that morphs into a circular shape
  • Polygon Grid - Dots arranged in polygonal shapes
  • Pulse Ring - Rings with pulsating dot sizes
  • Flower - Flower-like pattern with customizable petals

Line-based Patterns

  • Radial Lines - Lines radiating from the center with wave and twist effects
  • Swirl Lines - Curved lines creating a swirling effect
  • Open Arc - Arcs with customizable openings and sizes

Special Patterns

  • Radial Rectangle - Rectangles arranged in a radial pattern
  • Center Ring - Centered pattern with size variations
  • Gap Patterns - Various patterns with customizable gaps

Features

  • SVG output for crisp, scalable graphics
  • Real-time preview of pattern changes
  • Downloadable SVG files
  • Pattern gallery to save generated designs
  • Extensive customization options for each pattern type

Technical Details

  • Pure JavaScript implementation
  • Object-oriented pattern generation system
  • SVG path and shape generation
  • Dynamic control interface
  • Responsive design support
Preview
Generated Patterns