AiBrush - AI Creative Studio

AiBrush is an all-in-one AI studio that consolidates multiple AI models (OpenAI, Gemini, RunwayML, ElevenLabs, etc.) for video, image, music, and voice creation within a single browser-based workflow.

Features

• AI Video Generation - Create videos with Google Veo, RunwayML Gen4, Pika, Hailuo, Kling, and more
• AI Image Generation - Generate images using Google Imagen, Flux Kontext, Seedream AI, Qwen Image
• AI Music & Sound - Produce music and sound effects with ElevenLabs, Suno Music, Google Lyria
• AI Voice & TTS - Ultra-realistic voiceovers with ElevenLabs, OpenAI TTS, Google Gemini TTS
• Multiple AI Models - Access Gemini, Deepseek, and OpenAI in one unified workflow

Tech Stack

• React 18 with TypeScript
• Vite for fast development and building
• Tailwind CSS for utility-first styling
• shadcn/ui for accessible UI components
• Framer Motion ready for animations

Project Structure

src/
├── components/
│   ├── DiscountBar.tsx      # Sticky urgency bar with 24h countdown
│   ├── Navigation.tsx       # Main navigation with dropdowns
│   ├── HeroSection.tsx      # Hero messaging and CTAs
│   └── StudioPreview.tsx    # Interactive AI studio mockup
├── pages/
│   └── Index.tsx            # Landing page
└── index.css                # Design system tokens

Getting Started

# Install dependencies
npm install

# Start development server
npm run dev

# Build for production
npm run build

Design System

The project uses a dark SaaS aesthetic with:

• Background: #151e28
• Accent Gradient: Blue (#4299f0) to Pink (#f53d99)
• Animated gradient blobs for visual depth
• Glass morphism effects on cards

Live Demo

Visit: aibrush.lovable.app