Easily add and download dynamic or static text on GIF images using Node.js and the text-on-gif package. Your modified GIFs are saved in the project’s public directory for easy access.
- Quickly add custom text to any GIF image.
- Dynamic text overlay by editing a model file.
- Download and share edited GIFs from your public folder.
- Simple Node.js project structure, easy to extend for new use-cases.
- Node.js (v16 or higher)
- npm (comes with Node.js)
-
Clone this repository: git clone https://github.com/pavannagadiya/text-on-gif-using-nodeJS.git cd text-on-gif-using-nodeJS
-
Install dependencies: npm install
- Ensure you have a GIF file placed at
assets/images/mr-bean-benestad.gif(overwrite this to change input GIF). - (Optional) If you use a new filename, update the file path in
models/GIF.jsunder thegifGeneratorModel()function. - Edit the text overlay by modifying static or dynamic text content inside
models/GIF.js. - Start the server: npm start
- Open your browser at http://localhost:3333/gifimages/textOnGifDone.gif to view your generated GIF.
- For troubleshooting, ensure all requirements are installed and file paths are correct.
- This project is designed for demonstration and educational uses.
- Feel free to fork, modify, and use for new creative GIF text overlay applications!

