Skip to content

pavannagadiya/text-on-gif-using-nodeJS

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

GIF Text Overlay Generator with Node.js

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.


Features

  • 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.

Requirements

  • Node.js (v16 or higher)
  • npm (comes with Node.js)

Installation

  1. Clone this repository: git clone https://github.com/pavannagadiya/text-on-gif-using-nodeJS.git cd text-on-gif-using-nodeJS

  2. Install dependencies: npm install


Usage

  1. Ensure you have a GIF file placed at assets/images/mr-bean-benestad.gif (overwrite this to change input GIF).
  2. (Optional) If you use a new filename, update the file path in models/GIF.js under the gifGeneratorModel() function.
  3. Edit the text overlay by modifying static or dynamic text content inside models/GIF.js.
  4. Start the server: npm start
  5. Open your browser at http://localhost:3333/gifimages/textOnGifDone.gif to view your generated GIF.

Example

Example Input GIF Example Output GIF


Notes

  • 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!

About

Node.js app to overlay dynamic or static text on GIF images and save them for download, using text-on-gif.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published