CopyMagnet – AI Copywriting Assistant

CopyMagnet is a fast, lightweight AI copywriting tool that helps anyone generate compelling marketing texts in multiple tones and languages — built with React and Gemini Pro.

Comment

Inspiration

We noticed that many small business owners, especially in non-English-speaking regions, struggle to create engaging marketing content. They often lack time, resources, or writing experience. We wanted to solve this with a simple AI assistant that could instantly generate persuasive copy — with options to adjust tone, language, and style — and work directly in the browser without installation.

What it does

CopyMagnet allows users to:

  • Input a product or service description
  • Choose a writing tone (professional, casual, funny, etc.)
  • Select between English and Indonesian language
  • Generate variations of marketing copy instantly
  • Give feedback to regenerate improved results
  • Copy any result to clipboard with one click

How we built it

We used:

  • React + Tailwind CSS for a smooth and responsive UI
  • Google Gemini 2.5 Pro (free-tier) via API for natural language generation
  • Vercel for fast frontend hosting
  • No backend needed — everything runs securely on the client side
  • Multi-language system with dynamic prompt injection

We focused on accessibility, minimal setup, and great UX, keeping the interface intuitive for both technical and non-technical users.

Challenges we ran into

  • Prompt design: It was tricky to balance tone, length, and creativity in a single prompt that works for both languages
  • Gemini token limit: We had to optimize prompts to ensure the model delivers high-quality outputs within context length
  • UI polish: Creating a beautiful and responsive UI using only Tailwind without additional UI libraries took extra time
  • Multilingual logic: Dynamically switching tone styles and prompts based on selected language was a small but important challenge

Accomplishments that we're proud of

  • A fully working MVP with a clean, modern interface — deployable and usable instantly
  • Supports multiple languages and writing styles out-of-the-box
  • No backend, no database, and no vendor lock-in
  • Smooth UX: animations, copy-to-clipboard, tone switching, and feedback loop

What we learned

  • Designing AI prompts is both art and science — and crucial to building usable GenAI products
  • Less is more: We achieved strong results with only React + API + Tailwind
  • Gemini Pro 2.5 has strong multilingual capabilities and great contextual awareness even with minimal prompt engineering

What's next for CopyMagnet – AI Copywriting Assistant

  • Add dark mode and mobile-first redesign
  • Turn into a Chrome Extension
  • Allow image-to-copy generation (e.g., upload product photo)
  • Save user history (optional backend)
  • Add export options (PDF, social caption formats)
  • Improve feedback loop with semantic understanding

Built With

  • gemini-2.5-pro
  • react
  • tailwindcss
  • vercel
Share this project:

Updates