🎨 ChillGuy Meme Generator

Enhanced clone of CreateChillGuy - Built entirely using Cursor AI

🎭 Custom Character Generation | 🎨 Rich Text Styling | ⚡ Real-time Preview

A powerful web application for creating custom ChillGuy meme images with advanced customization options. This project enhances the original CreateChillGuy with additional features and improvements, developed entirely using AI assistance.

Features • Installation • Usage • Contributing

---

✨ Features

🎨 Background	📝 Text	🎭 Character	💾 Export
Solid Colors	Multiple Layers	Multiple Variants	PNG Download
Gradients	Font Selection	Drag & Drop	Copy to Clipboard
Custom Images	Size Control	Rotation & Scale	High Quality
Color Picker	Transform Options	Opacity Control	Real-time Preview

🚀 Installation

Prerequisites

- Node.js: 18.0 or higher
- npm/yarn: Latest version

Quick Setup

# Clone repository
git clone https://github.com/kevinnadar22/ChillGuyCreator
cd chillguy-generator

# Install dependencies
npm install
# or
yarn install

# Start development server
npm run dev
# or
yarn dev

🎮 Usage

1. Background Customization

• Choose between solid colors, gradients, or custom images
• Use the color picker for precise color selection
• Upload custom background images

2. Text Management

• Add multiple text layers
• Customize font family, size, and color
• Control text rotation, scale, and opacity
• Drag and drop text positioning

3. Character Customization

• Select from multiple character variants
• Adjust character position with drag and drop
• Control rotation, scale, and opacity
• Apply horizontal and vertical flips

4. Export Options

• Download as high-quality PNG
• Copy image to clipboard
• Real-time preview of all changes

🛠️ Tech Stack

• Frontend Framework: Next.js 15.0.3
• Language: TypeScript 5.0
• Styling: TailwindCSS 3.4
• UI Components: Custom components
• Image Processing: html-to-image
• State Management: React Hooks
• Notifications: Sonner

🤝 Contributing

We welcome contributions! Here's how you can help:

1. 🍴 Fork the repository
2. 🌿 Create your feature branch

   git checkout -b feature/AmazingFeature

3. 💫 Commit your changes

   git commit -m 'Add some AmazingFeature'

4. 📤 Push to the branch

   git push origin feature/AmazingFeature

5. 🎉 Open a Pull Request

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

---

Made by Kevin Nadar