YT Thumbnail Generator is an open-source tool for creating custom YouTube thumbnails. The project is built with React, uses Zustand for state management, and integrates with the YouTube Data API to fetch video information. Contributions are welcome — feel free to improve the tool or add new features!
- YouTube Video Search: Search for videos directly using the YouTube Data API v3.
- Thumbnail Generation: Create fully customizable thumbnails based on your preferences.
- Easy Customization: Toggle elements such as the logo, statistics, and more.
- Local State Management: Zustand ensures fast and reliable state handling.
- Future Enhancements: New features will be added soon — suggestions are encouraged!
To use or contribute to this project, follow these steps:
-
Clone the repository:
git clone https://github.com/prince0xdev/youtube-thumbnail-generator.git
-
Navigate into the project directory:
cd yt-thumbnail-generator -
Install dependencies:
npm install # or yarn install -
Start the development server:
npm run dev # or yarn dev -
Open your browser at:
http://localhost:5173
-
Create a project on the Google Cloud Console.
-
Enable the YouTube Data API v3.
-
Generate an API key.
-
Add your API key to a
.envfile at the project root:VITE_API_YOUTUBE=Your_API_Key
Contributions are welcome! To get started:
-
Fork the repository.
-
Create a new branch for your feature or fix:
git checkout -b my-feature
-
Make your changes.
-
Commit your updates:
git commit -m "Add my feature" -
Push your branch:
git push origin my-feature
-
Open a Pull Request on the main repository.
- Frontend: React + Vite
- State Management: Zustand
- API: YouTube Data API v3
- Deployment: Netlify
This project is licensed under the MIT License. See the LICENSE file for more information.
Thank you to all contributors and to the open-source community for supporting this project!
If you have questions or suggestions, feel free to reach out on LinkedIn or open an issue on GitHub.
We look forward to hearing your feedback!