QuickMeme

A Chrome extension for creating memes from any image with customizable text overlay and styling options.

Features

• Right-click Integration: Create memes directly from any image on the web
• Custom Text Overlay: Add multiple text elements with drag-and-drop positioning
• Rich Text Styling: Customize fonts, colors, sizes, and outlines
• Banner Support: Add optional white banners at the top of images
• High-Quality Export: Download memes in full resolution
• State Persistence: Your work is automatically saved

Installation

Option 1: Chrome Web Store (Recommended)

Install from Chrome Web Store

Option 2: Manual Installation

1. Download or clone this repository
2. Open Chrome and navigate to chrome://extensions/
3. Enable "Developer mode" in the top right
4. Click "Load unpacked" and select the extension folder
5. The QuickMeme icon will appear in your toolbar

Usage

Method 1: Right-click on Images

1. Right-click any image on a webpage
2. Select "Open with QuickMeme"
3. The extension popup will open with the image loaded

Method 2: Manual Image Loading

1. Click the QuickMeme extension icon
2. Paste an image URL in the input field
3. Click "Load" to begin editing

Creating Your Meme

• Add Text: Click "Add Text" to create new text elements
• Edit Text: Click on any text to select and modify it
• Move Text: Drag text elements to reposition them
• Resize Text: Use the resize handle in the bottom-right corner
• Style Text: Use the controls panel to customize appearance
• Add Banner: Enable the top banner option for classic meme format
• Download: Click "Download" to save your meme

Text Styling Options

• Fonts: Impact, Comic Sans, Arial, Georgia, Courier New
• Size: Adjustable from 12px to 80px
• Colors: Custom text and outline colors
• Outline: Configurable stroke width (0-5px)

Banner Features

• Toggle: Enable/disable top white banner
• Height: Adjustable from 50px to 200px
• Color: Customizable banner background color

Technical Details

• Manifest Version: 3
• Permissions: Context menus, active tab, storage
• Canvas-based: High-quality rendering and export
• Local Storage: Automatic state saving and restoration

Browser Compatibility

• Chrome (Manifest V3)
• Chromium-based browsers

License

MIT License - see LICENSE for details.

Contributing

1. Fork the repository
2. Create a feature branch
3. Make your changes
4. Submit a pull request

---

Made with ❤️ for meme enthusiasts everywhere