Frontend

React-based web interface for the Luma AI Video Generator.

Components

  • App.tsx - Main application component with video generation form and status display
  • index.tsx - React app entry point

Features

  • Prompt input with pre-filled example
  • Aspect ratio selection (16:9, 9:16, 4:3, 3:4, 1:1)
  • Real-time generation status updates
  • Video preview and download when complete
  • Progress video display during generation
  • Error handling and user feedback

Styling

Uses TailwindCSS via CDN for responsive design and modern UI components.