A sophisticated web-based pattern generator that creates mesmerizing visual patterns with endless customization possibilities.
- Diagonal Lines - Classic diagonal line patterns with adjustable angles
- Waves - Flowing wave patterns with smooth animations
- Dot Matrix - Grid-based dot patterns with randomization
- Circuit Board - Tech-inspired circuit trace patterns
- Organic Flow - Natural, flowing line patterns
- Geometric Maze - Maze-like geometric patterns
- Noise Field - Perlin noise-based directional fields
- Crystalline - Crystal-like connected point networks
- Spirals - Mesmerizing spiral patterns
- Glitch Art - Digital glitch aesthetic patterns
- Density Control - Adjust pattern density from sparse to dense
- Randomness - Add controlled chaos to your patterns
- Scale - Zoom in or out of pattern details
- Color Schemes - Pre-defined color palettes or custom colors
- Animation - Optional real-time pattern animation
- Download - Export patterns as PNG or SVG images
- Real-time pattern generation
- Smooth animations and transitions
- Responsive design for all devices
- High-quality canvas rendering
- One-click regeneration
- Instant PNG and SVG download functionality
- Select a Pattern Type - Choose from 10 unique pattern algorithms
- Adjust Parameters - Use sliders to fine-tune density, randomness, and scale
- Choose Colors - Pick from preset palettes or create custom color combinations
- Enable Animation - Toggle animation for dynamic, living patterns
- Regenerate - Click regenerate for new variations of the same pattern
- Download - Save your creation as a PNG or SVG file
- HTML5 Canvas - High-performance 2D rendering
- Vanilla JavaScript - No dependencies, pure JS implementation
- CSS3 - Modern styling with animations and gradients
- Perlin Noise - Custom implementation for organic patterns
Each pattern uses unique algorithms:
- Diagonal Lines: Parametric line generation with angle variance
- Waves: Sine wave functions with amplitude modulation
- Circuit Board: Pathfinding algorithm with connection nodes
- Noise Field: Perlin noise for directional flow fields
- Crystalline: Simplified Delaunay triangulation
- Glitch: Image data manipulation and pixel shifting
Visit Pattern Forge to try it live!
- Clone the repository:
git clone https://github.com/ViranjPatel/pattern-forge.git- Open
index.htmlin your browser
No build process or dependencies required!
Contributions are welcome! Feel free to:
- Add new pattern types
- Improve existing algorithms
- Enhance the UI/UX
- Fix bugs or optimize performance
This project is open source and available under the MIT License.
Inspired by generative art, creative coding, and the beauty of mathematical patterns in nature and technology.
Made with ❤️ by Viranj Patel