Create custom memes with top and bottom text, freely position them, and generate images on a canvas. Users can navigate through memes, customize text placement, and download their creations. Modern, interactive, and fun design for meme enthusiasts! 😎
- Add top and bottom text to memes
- Adjust text position freely (XY positioning)
- Navigate through memes with the “Next” button
- Download your generated memes
- Responsive and modern UI
- React
- HTML5 Canvas API
👉 meme-generator.firdavs.codes
# Clone the repository
git clone https://github.com/yourusername/meme-generator.git
# Navigate to the project folder
cd meme-generator
# Install dependencies
npm install
# Start the development server
npm start-
Open the app and select a meme template.
-
Add top and bottom text and adjust positions as desired.
-
Click “Next” to try a new template.
-
Download your custom meme using the download button.
This project is open-source and available under the MIT License.
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Babel for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh
If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the TS template for information on how to integrate TypeScript and typescript-eslint in your project.