About this project

Glibbage is a simple meme generator. Regular meme generators search the web for images, but we just want to have our own library.

Glibbage / README.md

Glibbage #

A simple, lightweight, and free meme generator that lets you create custom memes using your own image libraries.

Features #

• 🖼️ Image Libraries:
  • Build and use your own collection of meme templates from your local computer
  • Access the built-in standard library of popular meme templates
• ⭐ Favorites System: Save your most-used meme templates for quick access
• 📝 Custom Text: Add text to both the top and bottom of your memes
• 🎨 Advanced Customization:
  • Multiple font options including the classic Impact font
  • Adjustable font size
  • Customizable letter spacing
  • Text automatically scales and wraps for best fit
• 📋 Easy Sharing: One-click copy to clipboard for easy sharing
• 📱 Responsive Design: Works great on both desktop and mobile devices
• 🚀 Fast and Lightweight: No server uploads needed, everything runs locally

Getting Started #

1. Build a library of meme templates on your local computer
2. Open Glibbage and use the Settings panel to:
   • Toggle the standard library of meme templates
   • Add your own template folders
3. Use the Search Images tab to find and select your desired template
4. Add custom text to the top and bottom of your meme
5. Copy your meme with one click and paste it wherever you need it

Customization Options #

• Font Selection: Choose from various fonts including:
  • Impact (Classic Meme Font)
  • Comic Sans
  • Papyrus
  • Arial Black
  • Helvetica
  • Times New Roman
  • Courier New
• Text Styling:
  • Adjust font size (20px – 120px)
  • Fine-tune letter spacing (0px – 10px)
  • Text automatically centers and scales
  • Built-in text stroke for readability on any background

Installation #

Clone the repository and install dependencies:

git clone <project URL>
cd glibbage
npm install

To run the development server:

npm run dev

To build for production:

npm run build

Development #

Standard Library #

To update the standard library of meme templates:

1. Add your template images to the /public/pallette directory
2. Run npm run generate-palette to update the template list
3. The templates will be automatically included in the next build

Technical Details #

Built with modern web technologies:

• React for UI components
• TypeScript for type safety
• Vite for fast builds
• TailwindCSS for styling
• PWA-ready with service worker support

Acknowledgments #

A courtesy of Deft Flux, this is a free alternative to the discontinued Teams meme generator.