Direct Your Video Frame by Frame
FlowBoard.Demo.mp4
AI-powered video storyboarding that transforms sketches into context-aware video clips. Draw, prompt, generateβinfinitely.
| Feature | Description |
|---|---|
| π¨ Interactive Canvas | Draw instructions directly on frames using Tldraw |
| π€ AI Video Generation | Powered by Google Vertex AI (Veo 3.1 & Gemini 2.5) |
| π Frame-by-Frame Workflow | Sequential frames connected by arrows build your story |
| β‘ Image Enhancement | AI-powered frame improvement on demand |
| π¬ Video Merging | Combine clips into seamless sequences |
- Python 3.11+ & Node.js 18+
- Redis (local or hosted)
- Google Cloud Project (Vertex AI enabled)
- Supabase project
cd backend
pip install -r requirements.txt.env Configuration:
# Google Cloud / Vertex AI
GOOGLE_CLOUD_PROJECT=your-gcp-project-id
GOOGLE_CLOUD_LOCATION=us-central1
GOOGLE_GENAI_USE_VERTEXAI=true
GOOGLE_CLOUD_BUCKET_NAME=your-gcs-bucket-name
# Redis (job queue)
REDIS_URL=redis://default:password@localhost:6379
# Supabase (auth & database)
SUPABASE_URL=https://your-project.supabase.co
SUPABASE_SECRET_KEY=your-service-role-keySetup Checklist:
- β Enable Vertex AI API + create GCS bucket
- β
Auth:
GOOGLE_APPLICATION_CREDENTIALSorgcloud auth application-default login - β
Supabase: Create
userstable withcreditscolumn (seebackend/scripts/db) - β Enable auth providers (Google/GitHub) in Supabase dashboard
cd frontend
npm install.env Configuration:
VITE_BACKEND_URL=http://localhost:8000
VITE_SUPABASE_URL=https://your-project.supabase.co
VITE_SUPABASE_PUBLIC_KEY=your-anon-public-key # NOT service role keyBackend: python main.py (β http://localhost:8000)
Frontend: npm run dev (β http://localhost:5173)
- Create Frame β Start with 16:9 frame
- Draw/Annotate β Sketch motion instructions
- Add Prompt β Describe your vision
- Generate β Click β¨ to create next frame
- Chain Frames β Link frames with arrows for sequences
- Merge Videos β Combine clips into final output
