meme generatorcomponent kit

Drop-in pieces for building browser meme tools.

<MemeTitle />

Hero with prefix, gradient title and tagline. Variants: rainbow, glow.

your logoINTENSIFIES

<ImageDropZone />

Drag & drop, paste, or click to upload. Composes around your canvas.

<ColorSwatchPicker />

Background color row with a transparent (checker) swatch.

Background

<HowItWorks />

The standard SEO-friendly explainer block at the bottom of meme pages.

How it works

Upload any image, tweak it in the canvas, then export.

Everything happens in your browser — no uploads, no watermarks, no sign-up.

memeHead() helper

One-line SEO/OG/JSON-LD setup for meme generator routes. See src/lib/meme-seo.ts.

head: () => memeHead({
  title: "Your Logo Intensifies",
  description: "Drop a logo, get a shake GIF.",
  url: "https://yourlogointensifies.lovable.app/",
  appName: "Your Logo Intensifies",
})