brutal-45/Brutal-ai

**Smarter. Faster. Brutal.**
**A world-class AI SaaS platform built with Next.js 16**
---
📖 Table of Contents
- Overview
- Screenshots
- Features
- Animations & Effects
- Tech Stack
- Project Structure
- Quick Start
- Deploy to Vercel
- API Documentation
- Design System
- Platform Support
- Contributing
- License
---
✨ Overview
Brutal.ai is a next-generation AI platform designed for developers, creators, and businesses who demand excellence. Experience the power of AI with a clean, professional interface that prioritizes speed, clarity, and precision.
🎯 Why Brutal.ai?
| Feature | Description | Status |
|---------|-------------|--------|
| 🌐 **World-Class Landing Page** | Premium SaaS design with 3D animations, gradient effects, and smooth transitions | ✅ |
| 💬 **Advanced AI Chat** | ChatGPT-style interface with markdown, code highlighting, voice input, and streaming | ✅ |
| 🛠️ **24+ AI Tools** | Specialized tools for creative, development, business, productivity, and language tasks | ✅ |
| 📱 **Mobile-First Design** | Responsive, touch-optimized interface that works everywhere | ✅ |
| ⚡ **Lightning Fast** | Optimized for performance with 60fps animations | ✅ |
| 🔒 **Enterprise-Ready** | Rate limiting, circuit breakers, connection pooling, and monitoring | ✅ |
---
🖼️ Screenshots
🏠 Landing Page - Hero Section
**📸 Screenshot Description:**
The Hero Section showcases Brutal.ai's premium landing experience with a stunning two-column layout:
| Component | Description |
|-----------|-------------|
| 🎨 **Left Side** | Features the animated "Brutal.ai" title with gradient color cycling, floating crown badge, subtitle with shimmer effects, two interactive CTA buttons with 3D hover effects, and three animated stat cards showing platform metrics |
| 💻 **Right Side** | Displays the typewriter code terminal with live syntax highlighting, rotating gradient borders, pulsing glow effects, scan line animation, and real-time code generation simulation |
| 🌌 **Background** | Contains 3D parallax orbs that follow mouse movement, animated grid pattern, and 20+ floating particles with random opacity animations |
| ✨ **Effects** | Shimmer animations on buttons, floating particles throughout, gradient text with animated color cycling |
---
✨ Features Section - 3D Interactive Cards
**📸 Screenshot Description:**
The Features Section presents 6 interactive cards with true 3D tilt effects:
| Feature | Visual Effect |
|---------|---------------|
| 🎯 **3D Tilt** | Cards rotate in real-time following mouse position with perspective depth |
| 💡 **Dynamic Spotlight** | A glowing spotlight effect follows the cursor across each card surface |
| 🌟 **Icon Animations** | 3D rotating icons with pulsing glow effects on each card |
| 🔆 **Border Glow** | Inset and outer box-shadow creates a neon border effect on hover |
| 🎈 **Particles** | 5 floating particles rise from each card on hover |
| ➡️ **Arrow Indicator** | Slide-in arrow appears on the right side when hovering |
The section includes animated background orbs and moving horizontal lines for visual depth.
---
💬 AI Chat Interface
**📸 Screenshot Description:**
The Chat Interface provides a ChatGPT-inspired experience with advanced features:
| Component | Description |
|-----------|-------------|
| 📝 **Message Area** | Clean conversation display with user and AI messages, markdown rendering, and code syntax highlighting |
| 🎨 **Syntax Highlighting** | Code blocks feature Prism.js highlighting with One Dark theme colors |
| ⚡ **Streaming Responses** | Real-time token-by-token output with typewriter animation effect |
| 📤 **Input Bar** | Modern input with voice button, file attachment support, and send/stop controls |
| 📚 **Sidebar** | Collapsible conversation history panel with new chat button and tools access |
| 🛠️ **Tools Button** | Quick access to 24+ AI tools from the header |
The interface supports both dark and light modes with system preference detection.