FeaturesTemplatesShowcaseTownie
AI
BlogDocsPricing
Log inSign up
Yvnn24
Yvnn24App
Public
Like
App
Home
Code
4
backend
1
frontend
4
shared
1
README.md
Branches
1
Pull requests
Remixes
History
Environment variables
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data – all from the browser, and deployed in milliseconds.
Sign up now
Code
/
README.md
Code
/
README.md
Search
6/2/2025
README.md

Funny Meme Generator

A web application that creates hilarious memes with AI-generated text overlays on popular meme templates.

Features

  • 🎭 Multiple classic meme templates
  • 🤖 AI-powered funny text generation
  • 🎨 Customizable text positioning and styling
  • 📱 Responsive design
  • 💾 Download generated memes

Project Structure

├── backend/
│   └── index.ts             # Main API server with Hono
├── frontend/
│   ├── index.html           # Main HTML template
│   ├── index.tsx            # React frontend entry point
│   ├── components/
│   │   ├── App.tsx          # Main app component
│   │   ├── MemeCanvas.tsx   # Meme generation canvas
│   │   └── TemplateSelector.tsx # Meme template selection
│   └── style.css            # Custom styles
├── shared/
│   └── types.ts             # Shared TypeScript types
└── README.md

Usage

  1. Select a meme template
  2. Choose to generate AI text or enter custom text
  3. Customize text positioning and styling
  4. Download your hilarious meme!

Tech Stack

  • Backend: Hono (TypeScript API framework)
  • Frontend: React with TypeScript
  • AI: OpenAI GPT for funny text generation
  • Styling: TailwindCSS
  • Canvas: HTML5 Canvas for meme generation
Go to top
X (Twitter)
Discord community
GitHub discussions
YouTube channel
Bluesky
Product
FeaturesPricing
Developers
DocsStatusAPI ExamplesNPM Package Examples
Explore
ShowcaseTemplatesNewest ValsTrending ValsNewsletter
Company
AboutBlogCareersBrandhi@val.town
Terms of usePrivacy policyAbuse contact
© 2025 Val Town, Inc.