Create stunning, customizable mesh gradient patterns with ease using this web-based tool.
- Generate smooth mesh gradients
- Customize with multiple colors
- Choose from various patterns (Smooth, Triangle, Square, Hexagon)
- Download generated gradients as PNG
- Get CSS and Tailwind instructions for recreating the gradient
Try the Mesh Gradient Generator
- Node.js (version 14 or later)
- npm or yarn
- Clone the repository:
git clone https://github.com/Quinta0/meshgradientgen.git
- Navigate to the project directory:
cd meshgradientgen
- Install the dependencies:
npm install
- Start the development server:
npm run dev
- Open your browser and visit
http://localhost:3000
Contributions are welcome! Please feel free to submit a Pull Request.
- Fork the project
- Create your feature branch (
git checkout -b feature/AmazingFeature
) - Commit your changes (
git commit -m 'Add some AmazingFeature'
) - Push to the branch (
git push origin feature/AmazingFeature
) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE.md file for details.
- Next.js - The React framework used
- Tailwind CSS - For styling
- JSZip - Used for creating downloadable zip files