Mesh Engine

A modern gradient generator with text overlay capabilities, built with React and Vite.

Features

• 🎨 Dynamic Mesh Gradients: Generate beautiful static mesh gradients with layered radial gradients
• ✍️ Text Overlay: Add and customize text with drag-and-drop positioning
• 💾 Export Options: Download your creations as high-quality PNG images
• 📋 CSS Code: Copy generated CSS background code for easy implementation
• 📜 History: Keep track of your recent gradient creations
• 🌙 Dark Mode: Sleek dark theme for comfortable editing

Tech Stack

• React - Frontend framework
• Vite - Build tool and development server
• dom-to-image - Image export functionality
• Tailwind CSS - Styling with a dark theme inspired by Vercel's design system

Usage

1. Generate Gradients: Click "Generate New Gradient" to create random mesh gradients
2. Add Text: Use the Text Editor panel to add and customize text
3. Position Text: Drag text directly on the preview to position it
4. Download: Export your creation as a PNG image
5. Copy CSS: Get the CSS code for your gradient to use in your projects