Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kevinnadar22/chillguycreator
Chill Guy Meme generator. I decided to clone the http://createchillguy.vercel.app using only AI
https://github.com/kevinnadar22/chillguycreator
chill-guy cursor nextjs typescript
Last synced: 3 days ago
JSON representation
Chill Guy Meme generator. I decided to clone the http://createchillguy.vercel.app using only AI
- Host: GitHub
- URL: https://github.com/kevinnadar22/chillguycreator
- Owner: kevinnadar22
- License: mit
- Created: 2024-11-25T14:45:16.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-11-26T14:53:36.000Z (3 months ago)
- Last Synced: 2024-11-26T15:44:31.081Z (3 months ago)
- Topics: chill-guy, cursor, nextjs, typescript
- Language: TypeScript
- Homepage: https://chillguyfun.vercel.app
- Size: 966 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 🎨 ChillGuy Meme Generator
> Enhanced clone of [CreateChillGuy](http://createchillguy.vercel.app/) - Built entirely using [Cursor AI](https://cursor.sh/)
[](https://nextjs.org/)
[](https://www.typescriptlang.org/)
[](https://tailwindcss.com/)
[](LICENSE)
### 🎭 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](#-features) •
[Installation](#-installation) •
[Usage](#-usage) •
[Contributing](#-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
```bash
- Node.js: 18.0 or higher
- npm/yarn: Latest version
```
### Quick Setup
```bash
# 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
```bash
git checkout -b feature/AmazingFeature
```
3. 💫 Commit your changes
```bash
git commit -m 'Add some AmazingFeature'
```
4. 📤 Push to the branch
```bash
git push origin feature/AmazingFeature
```
5. 🎉 Open a Pull Request
## 📄 License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
---
### Made by [Kevin Nadar](https://github.com/kevinnadar22)
