Turn Your Image Into Video
Upload an image, describe the movement you want,
and create an engaging video from your photo.
Upload Your Image
Click here to choose JPG, PNG or WEBP
Maximum recommended size: 10MB
Preparing your image-to-video generation…
Easy Upload
Upload your photo quickly from your computer or phone.
AI Motion
Describe the movement you want for your image.
Video Preview
Preview your generated video before downloading it.
const imageInput = document.getElementById("imageInput"); const imagePreview = document.getElementById("imagePreview"); const uploadContent = document.getElementById("uploadContent");
const generateBtn = document.getElementById("generateBtn"); const loadingBox = document.getElementById("loadingBox"); const resultBox = document.getElementById("resultBox");
const resultVideo = document.getElementById("resultVideo"); const downloadBtn = document.getElementById("downloadBtn");
/* Image Preview */ imageInput.addEventListener("change", function(){
const file = this.files[0];
if(!file) return;
if(file.size > 10 * 1024 * 1024){ alert("Please choose an image smaller than 10MB."); this.value = ""; return; }
const reader = new FileReader();
reader.onload = function(e){
imagePreview.src = e.target.result;
imagePreview.style.display = "block";
uploadContent.style.display = "none"; };
reader.readAsDataURL(file); });
/* Generate Button */ generateBtn.addEventListener("click", function(){
if(!imageInput.files.length){
alert("Please upload an image first.");
return; }
const prompt = document.getElementById("motionPrompt").value.trim();
if(!prompt){
alert("Please describe the motion you want.");
return; }
/* API WILL BE CONNECTED HERE.
At the moment this is only the frontend. The actual AI video API needs to be connected through a secure backend. */
generateBtn.disabled = true;
loadingBox.style.display = "block";
resultBox.style.display = "none";
setTimeout(function(){
loadingBox.style.display = "none";
generateBtn.disabled = false;
alert( "Frontend is working! Next we need to connect an AI image-to-video API to generate the actual video." );
}, 2500);
});