Skip to content
williandeevPublic

About

A simple app to create memes quickly and fun. Used React with Next.js 13 and Tailwind

Topics

Resources

Stars

4 stars

Watchers

1 watching

Forks

Repository files navigation

mememaker Next.js 13 React TypeScript Tailwind CSS shadcn/ui MIT License

▍ABOUT

A fast, no-friction meme generator. Pick one of the most popular templates, type your captions and get a ready-to-share image in seconds, powered by the Imgflip API.

Template picker and caption fields Generated meme

▍FEATURES

  • Popular templates loaded live from Imgflip
  • Smart inputs: the number of caption fields adapts to each template
  • Instant generation: the captioned meme is rendered by Imgflip and shown right away
  • Light / dark mode with next-themes
  • Clean UI built with shadcn/ui on top of Tailwind CSS

▍GETTING STARTED

git clone https://github.com/williandeev/mememaker.git
cd mememaker
yarn install
yarn dev

Open http://localhost:3000.

▍HOW TO USE

  1. Select a template
  2. Write the captions
  3. Hit MakeMyMeme!, then download and share

▍PROJECT STRUCTURE

src/
├── app/          # App Router: layout, page and global styles
├── components/   # Footer, theme toggle and shadcn/ui primitives
├── image/        # Logo
└── lib/          # Utilities

Made by Willian Robson

About

A simple app to create memes quickly and fun. Used React with Next.js 13 and Tailwind

Topics

Resources

Stars

4 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages