Top AI Repos — open-source AI, indexed and scored
Top AI Repos tracks AI repositories on GitHub and answers two different questions about each one: is it moving right now, and would you bet a product on it.
Top AI Repos tracks AI repositories on GitHub and answers two different questions about each one: is it moving right now, and would you bet a product on it.
Open-source clone of the MidJourney web interface featuring real AI image and video generation powered by Google's Gemini SDK. Use Imagen 4 to generate images and Veo 2 and 3 for image and text to video with audio.
| Date | Stars |
|---|---|
| 2026-07-24 | 263 |
| 2026-07-25 | 263 |
| 2026-07-28 | 263 |
| 2026-07-30 | 263 |
| 2026-08-06 | 263 |
Today
— stars today
This week
— stars this week
This month
— stars this month
Momentum
0.0
growth rate 0.00%/day
# Openjourney - MidJourney UI clone A high-fidelity, open-source clone of the MidJourney web interface built with Next.js 15, featuring real AI image and video generation powered by Google's Gemini SDK. Use Imagen 4 to generate images and Veo 2 and 3 for image and text to video with audio. OR extend and bring your favorite models to the same experience.  ## ✨ Features ### 🎨 **AI Image Generation** - **Imagen 4** integration for high-quality image generation - **4-image grid layout** matching MidJourney's design - **Real-time generation** with loading animations ### 🎬 **AI Video Generation** - **Veo 3** text-to-video generation - **Veo 2** image-to-video conversion - **2x2 video grid** with autoplay on hover ### 🚀 **Interactive features** - **Download** generated images and videos - **Image-to-video conversion** with one click - **Hover animations** and professional transitions - **Real-time loading states** with skeleton animations - **Film strip navigation** to easily flip through your gneerations ## 🛠️ Tech Stack - **Next.js 15** with App Router and Turbopack - **TypeScript** for type safety - **Tailwind CSS v4** for styling - **Framer Motion** for animations - **ShadCN UI** components - **Google GenAI SDK** for AI generation - **Radix UI** for accessible components ## 📋 Prerequisites - **Node.js 18+** (20+ recommended) - **npm** or **yarn** - **Google AI API Key** (free tier available) ## 🚀 Quick Start ### 1. Clone & Install ```bash git clone https://github.com/your-username/openjourney.git cd openjourney/openjourney-app npm install ``` ### 2. Environment Setup Create `.env.local`: ```env GOOGLE_AI_API_KEY=your_google_ai_api_key_here ``` **Get your API key:** 1. Visit [Google AI Studio](https://aistudio.google.com/app/apikey) 2. Create a new project or select existing 3. Generate an API key 4. Copy and paste into `.env.local` ### 3. Development Server ```bash npm run dev ``` Open [http://localhost:3000](http://localhost:3000) to view the app. ## 🎯 Usage Guide ### **Generating Images** 1. Type your prompt in the input bar 2. Click **"Image"** button or press Enter 3. Watch 4 high-quality images generate in real-time 4. Hover to **Download**, **Expand**, or **Animate with Veo 2** ### **Generating Videos** 1. Type your video prompt 2. Click **"Video"** button 3. Watch videos generate (takes 30-60 seconds) 4. Hover over video row to autoplay both videos ### **Image-to-Video Conversion** 1. Generate or use sample images 2. Hover over any image 3. Click **"Animate with Veo 2"** 4. Watch as image becomes animated video ### **Viewing & Downloading** 1. **Expand** - Click to view in fullscreen lightbox 2. **Download** - Save images/videos locally 3. **Navigation** - Use arrow keys or or scroll in full screen mode ## 🏗️ Project Structure ``` openjourney-app/ ├── src/ │ ├── app/ │ │ ├── api/ # API routes for AI generation │ │ │ ├── generate-images/ # Imagen 4 integration │ │ │ ├── generate-videos/ # Veo 3 text-to-video │ │ │ └── image-to-video/ # Veo 2 image-to-video │ │ ├── globals.css # Global styles │ │ ├── layout.tsx # Root layout │ │ └── page.tsx # Main page component │ ├── components/ │ │ ├── ui/ # ShadCN UI components │ │ ├── prompt-bar.tsx # Prompt input with logo │ │ ├── content-grid.tsx # Generation management │ │ ├── image-grid.tsx # 4-image display grid │ │ ├── video-grid.tsx # 2x2 video display │ │ ├── loading-grid.tsx # Skeleton loading states │ │ └── lightbox-modal.tsx # Fullscreen viewer │ └── lib/ │ └── utils.ts # Utility functions ├── public/ │ ├── openjourney-logo.svg # Brand logo │ ├── sample-images/ # Demo images │ └── sample-videos/ # Demo videos ├── next.config.js # Nex
Excerpt of 5,844 characters
Read on GitHubWould you bet a product on this? Bounded 0–100 and slow moving.
matched fp:e8f419846a3c8669, topic:video-generation, topic:text-to-video, desc:video generation
matched fp:e8f419846a3c8669, topic:image-generation, topic:text-to-image, readme:image generation