A modern, AI-powered content creation tool that helps you generate high-quality blog posts and LinkedIn content using multiple AI providers including OpenAI, Anthropic, and Google.

• Latest 2025 AI Models: Access cutting-edge models including GPT-5, GPT-4.1, o3/o4 reasoning series, Gemini 2.5, and more
• Content Types: Generate blogs and LinkedIn posts with optimized templates
• Smart Model Selection: Automatic recommendations based on content type with organized categories
• Advanced Settings: Fine-tune temperature, token limits, and other parameters
• Conversation History: Track your content generation sessions
• Beautiful UI: Modern, responsive design with Tailwind CSS
• Real-time Editing: Iteratively improve your content with follow-up prompts

• Node.js (v16 or higher)
• Bun package manager (recommended) or npm
• API keys from at least one AI provider

1. Clone the repository:

git clone https://github.com/your-username/content-creator.git
cd content-creator

2. Install dependencies:

bun install
# or
npm install

3. Set up environment variables:

cp env.example .env

4. Add your API keys to .env:

# Add at least one API key
REACT_APP_OPENAI_API_KEY=your_openai_api_key_here
REACT_APP_ANTHROPIC_API_KEY=your_anthropic_api_key_here
REACT_APP_GOOGLE_API_KEY=your_google_api_key_here

5. Start the development server:

bun start
# or
npm start

6. Open http://localhost:3000 in your browser.

1. Visit OpenAI Platform
2. Create an account and generate an API key
3. Add billing information (pay-per-use)

1. Visit Anthropic Console
2. Create an account and generate an API key
3. Add billing information

1. Visit Google AI Studio
2. Create an account and generate an API key
3. Enable billing if needed

Content Creator supports the latest and most advanced AI models from 2025:

• GPT-5 (Aug 2025) - OpenAI's most advanced model with highest reasoning and multimodal capabilities
• GPT-4.1 (Apr 2025) - Full-scale version excelling at coding tasks
• Gemini 2.5 Pro - Powerful reasoning & coding with multimodal capabilities
• Claude 3 Opus - Most capable Claude model for complex tasks

• o3 Pro (2025) - Pro-tier reasoning model for complex analysis
• o3 (2025) - Optimal for structured reasoning tasks
• o4 Mini High (Apr 2025) - Higher accuracy reasoning with text+image support
• o4 Mini (Apr 2025) - Lightweight reasoning model
• o1 Pro (2024) - Highest-end o1 reasoning variant
• o1 (2024) - Advanced reasoning model for complex thinking

• GPT-4o (May 2024) - Multimodal "Omni" model (text, image, audio)

• GPT-5 Mini - Streamlined GPT-5 variant with fast outputs
• GPT-5 Nano - Ultra-fast, cost-efficient GPT-5 option
• GPT-4.1 Mini - Compact and faster GPT-4.1 variant
• GPT-4.1 Nano - Smallest and quickest GPT-4.1 variant
• Gemini 2.5 Flash - Fast, cost-efficient Gemini 2.5 variant
• Gemini 2.5 Flash Lite - Most efficient Gemini for high-throughput use
• GPT-4o Mini - Compact, cost-effective multimodal variant
• Claude 3.5 Haiku - Fast and efficient model for quick tasks

• Claude 3.5 Sonnet - Balanced model with strong reasoning and creativity

1. Select Content Type: Choose between Blog or LinkedIn Post
2. Choose AI Model: Select from categorized models (Flagship, Reasoning, Multimodal, etc.)
3. Review Model Info: See descriptions and capabilities of your selected model
4. Adjust Settings (optional): Fine-tune temperature and token limits
5. Enter Prompt: Describe what content you want to create
6. Generate: Click to create your content
7. Iterate: Use follow-up prompts to refine the content

Blog Posts:

• "Write a technical blog post about React hooks and their benefits"
• "Create a beginner's guide to machine learning"

LinkedIn Posts:

• "Write a professional post about remote work productivity tips"
• "Create an engaging post about career development in tech"

• bun start - Start development server
• bun build - Build for production
• bun test - Run tests

• Frontend: React 19, Tailwind CSS
• AI Integration: Vercel AI SDK
• Styling: Tailwind CSS with custom components
• Package Manager: Bun (recommended)

This project is designed to be secure for open source use:

• ✅ No hardcoded API keys or secrets
• ✅ Environment variables for sensitive data
• ✅ Comprehensive .gitignore for security
• ✅ Client-side only (no backend to secure)
• ✅ No user data persistence

Important: Always keep your .env file private and never commit it to version control.

This project is open source and available under the MIT License.

Contributions are welcome! Please feel free to submit a Pull Request. For major changes, please open an issue first to discuss what you would like to change.

If you encounter any issues or have questions:

1. Check the Issues page
2. Create a new issue if your problem isn't already reported
3. Provide detailed information about your setup and the issue

• Built with Vercel AI SDK
• Styled with Tailwind CSS
• Bootstrapped with Create React App

Made with ❤️ for content creators everywhere