Skip to content
Simeon Tsvetanov edited this page Jul 6, 2025 · 2 revisions

๐Ÿ  CapMeToo Wiki - Home

CapMeToo Logo

Welcome to CapMeToo Wiki! โœจ

Your complete guide to the AI-powered social media caption generator


๐Ÿš€ Quick Navigation

๐Ÿ“š Getting Started

๐ŸŽฏ User Guides

๐Ÿ› ๏ธ Technical Documentation

๐Ÿค Contributing

๐Ÿ”ง Advanced Topics


๐ŸŒŸ What is CapMeToo?

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.

โœจ Key Features

  • ๐Ÿ†“ 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

๐ŸŽฏ Caption Styles Overview

Style Description Perfect For
๐Ÿ˜‚ Funny Humorous and entertaining Memes, casual posts
โœจ General Versatile for any occasion Daily posts, sharing
โœˆ๏ธ Travel 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

๐ŸŒ Supported Languages

  • ๐Ÿ‡บ๐Ÿ‡ธ 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

๐Ÿš€ Quick Start

  1. Visit CapMeToo
  2. Get API Key - Free Google AI API key
  3. Upload & Generate - Upload a photo and start creating captions!

๐Ÿ“ž Need Help?


๐Ÿ† Community

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

๐Ÿ›ก๏ธ Deployment Notes

  • 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 from out/Cap-Me-Too/favicon.ico.

๐ŸŒˆ Global Animated Background

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.