AI Thumbnail Generator (code TypeScript)

Description

An AI Thumbnail Generator built with TypeScript is a smart web application that automatically creates eye-catching thumbnails using artificial intelligence. It helps content creators, YouTubers, and designers generate professional-quality thumbnail designs quickly by combining AI-powered image generation, text styling, and customizable templates. The platform offers fast performance, responsive UI, and real-time editing features, making thumbnail creation simple and efficient for modern digital content. 🚀

yt-thumbnail-generator/
├── src/
│ ├── components/
│ │ ├── upload.tsx # Main upload interface with file dropzone
│ │ ├── hero.tsx # Landing page hero section
│ │ └── Home.tsx # Home page component
│ ├── lib/
│ │ ├── gemini.ts # Google Gemini API integration
│ │ └── utils.ts # Utility functions (cn, etc.)
│ ├── App.tsx # Main application component
│ ├── main.tsx # Application entry point
│ ├── App.css
│ └── index.css
├── public/
├── eslint.config.ts # ESLint configuration
├── tsconfig.json # TypeScript configuration
├── tailwind.config.js # Tailwind CSS configuration
├── vite.config.ts # Vite configuration
├── package.json
└── README.md