Create, customize and share memes in seconds.

Website · Report a bug · Request a feature

---

Meme Studio is a fast, privacy-first meme creation tool. Pick from a curated gallery or import your own image, customize text with drag-and-drop, then download or copy your meme. No account required, no server-side storage — your creations stay on your device.

Available in English and French.

Tech Stack

Category	Technology
Framework	Next.js (App Router, React 19)
Styling	Panda CSS (build-time CSS-in-JS)
State	Zustand + Immer
Async State	TanStack Query
i18n	next-intl
Validation	Zod
Icons	Font Awesome
Linting	ESLint + Prettier
Hosting	Vercel

Getting Started

Prerequisites

• Node.js >= 20
• npm >= 10

Installation

git clone https://github.com/viclafouch/meme-studio.git
cd meme-studio
npm install

Development

npm run dev

The app starts at http://localhost:8080.

Production

npm run build
npm start

Scripts

Command	Description
npm run dev	Start development server (port 8080)
npm run build	Production build
npm start	Start production server (port 8080)
npm run lint	TypeScript check + ESLint
npm run lint:fix	Auto-fix lint issues

Project Structure

src/
  app/              # Next.js App Router pages
  components/       # Shared UI components
  modules/          # Feature modules (HomePage, Studio)
  i18n/             # Internationalization config & locale files
  stores/           # Zustand stores (Modal, Editor)
  queries/          # TanStack Query client & providers
  shared/           # Helpers, hooks, constants, API layer
styled-system/      # Generated Panda CSS system (do not edit)

Contributing

Contributions are welcome. Feel free to open an issue or submit a pull request.

License

This project is open source. See the repository for license details.