A futuristic, high-performance Next.js studio application for Google's Veo 3.1 (Video) and Nano Banana Pro (Gemini 3 Pro Image) models.
The interface has been completely overhauled with a professional "Electric Blue" & "Cinematic Dark" aesthetic:
- Immersive Atmosphere: Deep background tones with dynamic ambient glows.
- Floating Command Center: A sleek, glassmorphism-based input capsule for distraction-free prompting.
- Pro Video Controls: Transparent, floating parameter bars for resolution, aspect ratio, and duration.
- Adaptive Context: Smart "Reference Media" card that only appears when needed.
- State-of-the-Art Generation: Full support for Google's
veo-3.1-generate-previewmodel. - Multi-Modal Control: Text-to-Video & Image-to-Video (up to 3 reference frames).
- Professional Parameters:
- Quality: 720p, 1080p, 4K UHD.
- Aspect Ratio: 16:9 Cinematic, 9:16 Social.
- Duration: 4s, 6s, 8s (Smart auto-locking logic).
- Nano Banana Pro: Unified workflow for
gemini-3-pro-image-preview. - Seamless Editing: Intelligent switching between Text-to-Image and Image-to-Image based on your inputs.
- Contextual History: Chat-style history with high-fidelity previews and instant downloads.
-
Clone the repository
git clone https://github.com/choupeanut/gemini-banana-veo-service.git cd gemini-banana-veo-service -
Install dependencies
npm install
-
Run the development server Requires a valid
GEMINI_API_KEYfrom Google AI Studio.export GEMINI_API_KEY=your_key npm run dev -
Open in Browser Navigate to
http://localhost:3000to experience the new studio.
See gemini.md for deep-dive technical documentation on architecture, API routes, and state management.
- Design & Dev: Peanut Chou
- Original Fork: google-gemini/veo-3-nano-banana-gemini-api-quickstart