-
-
Notifications
You must be signed in to change notification settings - Fork 0
Home
- Installation Guide - Set up CapMeToo in minutes
- First Steps - Your first caption generation
- API Key Setup - Complete Google AI API configuration
- Caption Styles Guide - Master all 9 caption styles
- Multi-Language Support - Generate captions in 8 languages
- Mobile Usage - Perfect mobile experience tips
- PWA Installation - Install as a native app
- Development Setup - Local development environment
- API Reference - Complete API documentation
- Architecture Overview - Technical deep dive
- Deployment Guide - Deploy your own instance
- Contributing Guide - How to contribute
- Code Style Guide - Coding standards
- Translation Guide - Help translate CapMeToo
- Bug Reporting - Report issues effectively
- Performance Optimization - Speed up your experience
- Security & Privacy - How we protect your data
- Troubleshooting - Common issues and solutions
- FAQ - Frequently asked questions
CapMeToo is a free, open-source Progressive Web App that transforms your photos into engaging social media captions using Google's Gemini AI. With support for 9 different caption styles and 8 languages, it's the perfect tool for content creators, social media managers, and anyone who wants to enhance their online presence.
- ๐ Completely Free - No subscriptions, no hidden costs
- ๐ Privacy First - Your photos and API keys stay on your device
- ๐ Multi-Language - Generate captions in 8 different languages
- ๐ฑ Works Everywhere - PWA that works on any device
- โก Lightning Fast - Optimized for speed and performance
- ๐จ Beautiful Design - Modern, clean interface with dark/light themes and a global animated blurred background for visual appeal
Style | Description | Perfect For |
---|---|---|
๐ Funny | Humorous and entertaining | Memes, casual posts |
โจ General | Versatile for any occasion | Daily posts, sharing |
Adventure and wanderlust | Vacation photos, travel blogs | |
๐ Food | Delicious descriptions | Restaurant visits, cooking |
๐ช Fitness | Motivational health content | Gym photos, workout progress |
๐ Lifestyle | Aspirational content | Daily life, personal branding |
๐ผ Business | Professional growth-minded | LinkedIn, business updates |
๐ฟ Nature | Environmental peaceful vibes | Outdoor photos, nature shots |
๐ Fashion | Style and trend-focused | Outfit posts, fashion content |
- ๐บ๐ธ English - Native AI generation
- ๐ง๐ฌ Bulgarian - Native AI generation
- ๐ฉ๐ช German - Native AI generation
- ๐ช๐ธ Spanish - Native AI generation
- ๐ซ๐ท French - Native AI generation
- ๐ต๐น Portuguese - Native AI generation
- ๐จ๐ณ Chinese - Native AI generation
- ๐ฎ๐ณ Hindi - Native AI generation
- Visit CapMeToo
- Get API Key - Free Google AI API key
- Upload & Generate - Upload a photo and start creating captions!
- ๐ Found a Bug? โ Report it here
- โจ Feature Request? โ Suggest it here
- โ Have Questions? โ Ask in Discussions
- โ Support Development โ Buy me a coffee
Join our growing community of content creators and developers:
- โญ Star the project on GitHub
- ๐ด Fork and contribute to the codebase
- ๐ฌ Join discussions and share your experience
- ๐ข Share CapMeToo with your friends and followers
Made with โค๏ธ for content creators worldwide
๐ Try CapMeToo โข ๐ GitHub Repository โข โ Support
- All icons and static assets (favicon.ico, icon.svg, PWA icons) must be in the
/Cap-Me-Too/
subfolder for GitHub Pages deployment. - Do not place deployment icons in the root or public/ folders.
- Example:
https://username.github.io/Cap-Me-Too/favicon.ico
is served fromout/Cap-Me-Too/favicon.ico
.
CapMeToo features a global animated blurred background (floating colored circles) that appears on all pages and overlays, in both light and dark mode. This effect is implemented as a single React component (AnimatedBackground
) rendered globally in the root layout. It uses CSS-only animations for performance and is theme-aware.
-
Location:
components/ui/animated-background.tsx
-
How it works: The background is rendered once in
app/layout.tsx
and should NOT be added to individual screens or modals. If you need to hide it for a specific page, use CSS overrides. - Why: This ensures a consistent, beautiful look across the entire app without code duplication or performance issues.