Chameleon

Get Started

Chameleon AI SaaS - Next.js development framework for rapidly building AI SaaS projects

Get Started

Thank you for choosing Chameleon, a Next.js development framework for rapidly building AI SaaS projects.

What is Chameleon?

Chameleon is a full-stack Next.js AI SaaS boilerplate that includes rich components, AI SDKs, and enterprise features to help you ship AI products faster. Built with modern technologies and best practices, Chameleon provides everything you need to launch your AI SaaS in days, not months.

Core Features

Essential Features

  • ✅ Beautiful landing page with 20+ customizable components
  • ✅ User authentication (Google & GitHub OAuth)
  • ✅ International i18n support (English & Chinese built-in)
  • ✅ Database integration (PostgreSQL & MySQL via Drizzle ORM)
  • ✅ Payment system (Stripe & Creem)
  • ✅ Analytics (Google Analytics, OpenPanel, Plausible)
  • ✅ SEO optimized with metadata & sitemap
  • ✅ Blog system with MDX support
  • ✅ File storage (AWS S3 compatible)
  • ✅ Responsive design with dark mode

Admin Dashboard

  • ✅ User management
  • ✅ Credit system management
  • ✅ Payment order tracking
  • ✅ API key management
  • ✅ AI provider configuration
  • ✅ Content management system (CMS)
  • ✅ User feedback management

AI Integration

  • ✅ Video generation (Kling AI, Seedance/Volcengine)
  • ✅ Image generation (OpenAI DALL-E, Replicate, SiliconFlow)
  • ✅ Text generation (OpenAI, DeepSeek, OpenRouter)
  • ✅ Streaming chat completions
  • ✅ Text-to-speech (OpenAI TTS)
  • ✅ Multi-provider support with fallback
  • ✅ Credit-based usage tracking

Developer Experience

  • ✅ TypeScript for type safety
  • ✅ Tailwind CSS & Shadcn UI
  • ✅ Hot reload development server
  • ✅ Database migrations with Drizzle
  • ✅ API routes with Next.js App Router
  • ✅ Environment-based configuration
  • ✅ One-click deployment to Vercel/Cloudflare

Need more features? Submit requests on GitHub Issues and we'll prioritize them.

Technology Stack

Chameleon is built with cutting-edge technologies and popular cloud services. To fully utilize Chameleon, familiarity with the following is recommended:

Core Technologies

Cloud Services

Prerequisites

To ensure you can run and develop Chameleon locally, please have the following installed on your machine.

For macOS Development:

  1. Use fnm for Node.js version management

Recommended versions:

$ node -v
v22.2.0

$ npm -v
10.7.0
  1. Use pnpm for package management

Install pnpm globally:

$ npm install -g pnpm

Recommended version:

$ pnpm -v
9.15.0
  1. Install Git and configure SSH keys
$ git --version
git version 2.39.3 (Apple Git-146)

For Windows/Linux users: Please search for equivalent environment setup guides. Ensure Node.js and pnpm are installed before running Chameleon.

AI-Assisted Development Tools

To better understand the Chameleon framework and develop more efficiently, we recommend these AI coding assistants:

  • Cursor - AI-powered code editor
  • Windsurf - AI code editor by Codeium
  • v0.dev - Generate UI components with AI
  • Claude - AI assistant for coding help
  • ThinkAny - AI-powered search

Recommended Editor Plugins

For better code formatting and API testing, install these VS Code / Cursor / Windsurf extensions:

Quick Start

Ready to build your AI SaaS? Follow our Quick Start Guide to:

  1. Clone the repository
  2. Install dependencies
  3. Configure environment variables
  4. Set up your database
  5. Start the development server
  6. Deploy to production

Time to launch: You can have a working AI SaaS running locally in under 30 minutes!

Next Steps

Essential Guides

Tutorials

Feature Deep Dives

Deployment

Need Help?

Let's build something amazing! 🚀