🧪 Visual Recipe Lab

Create incredible videos by mixing visual ingredients! A Next.js demo showcasing the power of fal.ai's Veo 3.1 and Seedream v4 models.

✨ What is This?

Visual Recipe Lab is an interactive demo that demonstrates how to combine multiple AI models to create something magical:

1. Generate up to 3 "ingredients" - Create images using Seedream v4
2. Mix them together - Use Veo 3.1 to create a video with all your ingredients in one dynamic scene
3. AI-enhanced prompts - Use the video-prompt-generator to create cinematic video descriptions

🎬 Features

• 🎨 Image Generation - Generate high-quality images with Seedream v4
• 🎥 Video Synthesis - Combine multiple images into coherent video scenes with Veo 3.1
• ✨ AI Prompt Enhancement - Automatically improve your video prompts with LLM assistance

🚀 Getting Started

Prerequisites

• Node.js 18+
• A fal.ai API key

Installation

1. Clone the repository:

git clone https://github.com/blendi-remade/veo-recipe-lab.git

2. Install dependencies:

npm install

3. Create a .env.local file in the root directory:

FAL_KEY=your_fal_api_key_here

4. Run the development server:

npm run dev

5. Open http://localhost:3000 in your browser!

🎯 How to Use

1. Step 1: Generate Ingredients

   • Enter prompts for up to 3 images (e.g., "a magical wizard", "a steampunk robot", "a fantasy castle")
   • Click "Generate" for each ingredient
   • Select which ingredients you want to use in your video

2. Step 2: Mix Your Ingredients

   • Describe how you want your ingredients to interact (e.g., "dancing together in a magical forest")
   • (Optional) Click "Enhance with AI" to improve your prompt
   • Click "Generate Video" and wait for the magic!

3. Download & Share

   • Watch your creation
   • Download the video
   • Create another masterpiece! The possibilites are endless!

🛠️ Tech Stack

• Framework: Next.js 15 with App Router
• Language: TypeScript
• Styling: Tailwind CSS 4
• AI Models: fal.ai
  • Seedream v4 for image generation
  • Veo 3.1 for video synthesis
  • Video Prompt Generator for prompt enhancement

📁 Project Structure

veo-recipe-lab/
├── src/
│   ├── app/
│   │   ├── api/
│   │   │   ├── generate-image/      # Seedream v4 API route
│   │   │   ├── generate-video/      # Veo 3.1 API route
│   │   │   └── enhance-video-prompt/ # Prompt enhancement API route
│   │   ├── globals.css              # Global styles & animations
│   │   ├── layout.tsx
│   │   └── page.tsx                 # Main app page
│   └── components/
│       ├── IngredientCard.tsx       # Image generation component
│       └── MixingChamber.tsx        # Video generation component
├── .env.local                       # Environment variables (create this!)
└── package.json

📧 Questions?

If you have questions about this demo or want to learn more about building with fal.ai, check out:

• fal.ai Documentation
• fal.ai Discord
• fal.ai Reddit