https://github.com/xeintdm/memecreator
A lightweight, browser-based meme creation tool with customizable text, fonts, colors, and resolutions. Drag and drop images, edit your memes, and export them with ease.
https://github.com/xeintdm/memecreator
css customizable drag-and-drop html image-editing javascript meme-creator meme-generator open-source web-tools
Last synced: 4 months ago
JSON representation
A lightweight, browser-based meme creation tool with customizable text, fonts, colors, and resolutions. Drag and drop images, edit your memes, and export them with ease.
- Host: GitHub
- URL: https://github.com/xeintdm/memecreator
- Owner: XeinTDM
- License: unlicense
- Created: 2024-12-24T22:01:45.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-12-24T22:04:51.000Z (6 months ago)
- Last Synced: 2024-12-24T23:16:56.561Z (6 months ago)
- Topics: css, customizable, drag-and-drop, html, image-editing, javascript, meme-creator, meme-generator, open-source, web-tools
- Language: JavaScript
- Homepage:
- Size: 9.77 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Meme Creator
A simple and customizable meme creator tool built using HTML, CSS, and JavaScript. Drag and drop images, add custom text, and adjust settings to create your own memes easily. Supports resolutions, text customization, and color editing.
## Features
- Drag & Drop or Upload Images
- Add customizable text above or below the image
- Adjustable font styles, sizes, and colors
- Support for predefined and custom resolutions
- Real-time preview canvas
- Export memes as PNG
- Copy meme to clipboard
- Responsive design for various screen sizes
## Getting Started
1. Clone the repository:
```bash
git clone https://github.com/XeinTDM/MemeCreator.git
```
2. Navigate to the project directory:
```bash
cd MemeCreator
```
3. Open `index.html` in your browser to start using the tool.
## Customization
You can tweak the following settings directly in the interface:
- **Text Position:** Above or below the image.
- **Resolution:** Choose from predefined sizes or input custom dimensions.
- **Fonts and Colors:** Select from various fonts and customize text/background colors.
- **Font Size:** Adjust the font size using a slider.
## Usage
1. Upload an image or drag & drop it into the tool.
2. Enter your desired text.
3. Customize the font, size, colors, and resolution as needed.
4. Click "Download Image" to save your meme or "Copy to Clipboard" to share it quickly.
## Known Issues
- Some custom resolutions may not render correctly if entered in an invalid format.
- Browser compatibility may vary for clipboard functionality.
I'll update and fix issues when I feel like it, but don’t expect responses to questions or feature requests. Feel free to fork and modify as you like.
## License
This project is released under [The Unlicense](LICENSE). Do whatever you want with it. No strings attached.