Cat Generator

This project is a simple random cat GIF generator with a text overlay feature. It allows you to fetch random cat GIFs from a public API and then add custom text overlays to them, all built with React and Vite for speed and performance.

Screen Shot 2023-07-26 at 11 58 42 PM


  • Fetches a random cat GIF
  • Add custom text overlay on the GIF
  • Built with React for component-based architecture
  • Vite for faster and leaner development experience

Environment Variables

To run this project, you will need to add the following environment variables to your .env.local file


And request an API key from

Run Locally

Clone the project

  git clone https://link-to-project

Go to the project directory

  cd cat-generator

Install dependencies

  npm install

Start the server

  npm run dev


Contributions are always welcome!


  • Cat GIFs provided by the CatAPI.

Happy coding! 🐱🎉


View Github