Skip to content

avayyyyyyy/BrainRot

Repository files navigation

🧠 BrainRot

Turn your brain into memes! Generate absolutely unhinged vertical videos that will make your followers question your sanity.

BrainRot Demo

✨ Features

  • 🤖 AI-powered script generation
  • 🎭 TikTok-style video preview
  • 🗣️ Text-to-Speech using OpenAI's TTS API
  • 🎬 Beautiful video backgrounds
  • 💫 Animated captions and UI elements
  • 🎨 Modern and sleek design
  • 🚀 Built with Next.js 14 and TypeScript

🛠️ Tech Stack

  • Framework: Next.js 14 (App Router)
  • Styling: Tailwind CSS
  • UI Components: shadcn/ui
  • Language: TypeScript
  • AI Integration: OpenAI API
  • Deployment: Vercel
  • Video Processing: HTML5 Video
  • Animation: CSS Animations & Transitions

🚀 Getting Started

Prerequisites

  • Node.js 18+
  • npm/yarn/pnpm
  • OpenAI API Key

Installation

  1. Clone the repository:
git clone https://github.com/avayyyyyyy/brainrot.git
cd brainrot
  1. Install dependencies:
npm install
  1. Create a .env.local file in the root directory:
OPENAI_API_KEY=your_api_key_here
  1. Start the development server:
npm run dev
  1. Open http://localhost:3000 in your browser.

🎯 Usage

  1. Enter a prompt or use the "Magic" button for random ideas
  2. Click "Let it cook" to generate your script
  3. Once generated, click "Generate Video" to create a TikTok preview
  4. Watch your script come to life with AI-generated voice and animated captions
  5. Use the playback controls to replay or restart the video

🎨 UI Components

  • Script Generator: Create engaging scripts with AI assistance
  • Phone Preview: TikTok-style video player with animated captions
  • Magic Fill: Quick random prompt suggestions
  • Progress Bar: Visual feedback for script generation
  • Copy Button: Easy script sharing
  • Video Controls: Play, pause, and restart functionality

🔧 Configuration

Environment Variables

OPENAI_API_KEY=your_api_key_here

Video Assets

Place your background videos in the public directory:

  • video.mp4
  • video1.mp4

🤝 Contributing

  1. Fork the repository
  2. Create your feature branch (git checkout -b feature/amazing-feature)
  3. Commit your changes (git commit -m 'Add some amazing feature')
  4. Push to the branch (git push origin feature/amazing-feature)
  5. Open a Pull Request

💝 Support

If you find this project helpful, consider supporting its development:

Sponsor

📜 License

This project is licensed under the MIT License - see the LICENSE file for details.

🙏 Acknowledgments

  • OpenAI for their amazing APIs
  • Next.js team for the awesome framework
  • Vercel for hosting
  • All contributors and supporters

🔮 Future Plans

  • Multiple voice options
  • Custom video upload
  • More animation styles
  • Script templates
  • Social sharing
  • User accounts
  • Save favorites

📞 Contact

Shubhankit Jain - @avayyyyyyy

Project Link: https://github.com/avayyyyyyy/brainrot

--

Made with 🧠 (or lack thereof) by Shubhankit Jain

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •