Random Plaid Generator

A web application that transforms images into unique plaid patterns by extracting colors from your photos. Create stunning tartan, madras, or net patterns in seconds.

Features

• Upload images (supports JPG, PNG, and iPhone Live Photos)
• Extract colors automatically from uploaded images
• Generate different plaid patterns (tartan, madras, net)
• Customize pattern size and color bands
• Save and manage your favorite patterns
• Download patterns as PNG files
• View patterns in full screen
• Mobile-friendly design

Try It Out

Visit Random Plaid Generator to try the app.

How to Use

1. Upload an image or choose from examples
2. Adjust plaid settings (twill type, size, colors)
3. Use shuffle buttons to generate variations
4. Like and save your favorite patterns
5. Download patterns as PNG files

Development

Install dependencies

npm install

Run development server

npm start

Build for production

npm run build

Deploy to GitHub Pages

npm run deploy

Technologies Used

• React
• TypeScript
• Tailwind CSS
• ndarray (for pattern generation)
• heic2any (for iPhone Live Photo support)

License

MIT License

Author

ynynl