AI Studio Pro
✨ 100% Free • Unlimited • All Stories
Complete AI Content Studio
Ek prompt se poori pipeline — Script + Images + Animation + Voice + Music. Sab background mein hamare advanced AI system se automatically!
🤖 8 AI Agents
⏱️ 5 Min to 50 Min
📖 All Story Types
♾️ Unlimited Free
Smart AI Chat
Real-time AI chat with our advanced model. Honest answers, real-time knowledge.
Story → Video (All Types)
Horror, Romance, Thriller, Action, Drama – Koi bhi story type! 5 min se 50 min tak ki video banao!
Professional Image Generator
Professional AI images with consistent characters. Perfect for stories, thumbnails.
AI Video Generator
Text to video with our cinematic AI engine. 5 min to 50 min tak ki video!
Ultra-Realistic Voice
Ultra-realistic AI voices. Hindi/English dono mein. Multiple voice types.
AI Music Generator
Complete songs from text. Background music, jingles, soundtracks.
Viral Thumbnail Creator
Viral thumbnail generator. Automatic text, faces, colors. CTR boost guaranteed.
Smart Script Writer
YouTube scripts, video outlines, dialogues. SEO optimized, engaging hooks.
✓
Success!
// ===== STYLES DATA =====
const styles=[
{name:’Realistic 3.0′,icon:’🎬’,color:’#3b82f6′,desc:’Photorealistic quality’},
{name:’Disney 3.0′,icon:’🏰’,color:’#8b5cf6′,desc:’Magical Disney style’},
{name:’3D Cartoon 3.0′,icon:’🎨’,color:’#f59e0b’,desc:’Vibrant 3D animation’},
{name:’Pixar’,icon:’🎭’,color:’#ef4444′,desc:’Pixar-style animation’},
{name:’Illustration’,icon:’🖌️’,color:’#10b981′,desc:’Artistic illustration’},
{name:’Comic book’,icon:’💥’,color:’#f97316′,desc:’Comic book style’},
{name:’Handcrafted’,icon:’🧸’,color:’#ec4899′,desc:’Handmade craft style’},
{name:’Picture book’,icon:’📖’,color:’#a78bfa’,desc:’Children book style’},
{name:’Epic’,icon:’⚔️’,color:’#6366f1′,desc:’Epic fantasy scenes’},
{name:’Simple Sketch’,icon:’✏️’,color:’#6b7280′,desc:’Simple pencil sketch’},
{name:’Bible art’,icon:’🙏’,color:’#fbbf24′,desc:’Biblical art style’},
{name:’Flat Art’,icon:’🎨’,color:’#14b8a6′,desc:’Minimalist flat design’},
{name:’Classicism’,icon:’🏛️’,color:’#8b5cf6′,desc:’Classical art style’},
{name:’Anime’,icon:’🎌’,color:’#ef4444′,desc:’Japanese anime style’},
{name:’Watercolor’,icon:’🎨’,color:’#06b6d4′,desc:’Watercolor painting’}
];
// ===== STORY TYPES =====
const storyTypes=[‘Drama’,’Romance’,’Horror’,’Thriller’,’Action’,’Comedy’,’Sci-Fi’,’Fantasy’,’Mystery’];
let selectedStyle=null;
let selectedStoryType=’Drama’;
let selectedDuration=50;
let currentTool=null;
let isProcessing=false;
// ===== BACKGROUND PARTICLES =====
function createParticles(){
const container=document.getElementById(‘bgAnimation’);
for(let i=0;ib.classList.remove(‘selected’));
btn.classList.add(‘selected’);
showToast(`📖 ${type} story type selected!`);
}
// ===== STYLE SELECTOR FUNCTIONS =====
function openStyleSelector(){
const grid=document.getElementById(‘styleGrid’);
grid.innerHTML=”;
styles.forEach((style,idx)=>{
const card=document.createElement(‘div’);
card.className=’style-card’+(selectedStyle&&selectedStyle.name===style.name?’ selected’:”);
card.onclick=()=>selectStyle(style,card);
card.innerHTML=`
${style.icon}
${style.name}
`;
grid.appendChild(card);
});
document.getElementById(‘styleModal’).classList.add(‘show’);
}
function closeStyleSelector(){
document.getElementById(‘styleModal’).classList.remove(‘show’);
}
function selectStyle(style,cardElement){
selectedStyle=style;
document.querySelectorAll(‘.style-card’).forEach(c=>c.classList.remove(‘selected’));
cardElement.classList.add(‘selected’);
}
function confirmStyle(){
if(!selectedStyle){
showToast(‘❌ Kripya koi style select karein’,’error’);
return;
}
// Display selected style
document.getElementById(‘selectedStyleName’).textContent=selectedStyle.name+’ – ‘+selectedStyle.desc;
document.getElementById(‘selectedStyleDisplay’).classList.add(‘show’);
closeStyleSelector();
showToast(‘✓ ‘+selectedStyle.name+’ selected!’);
}
// ===== DURATION SELECTOR =====
function selectDuration(minutes,btn){
selectedDuration=minutes;
document.querySelectorAll(‘.duration-btn’).forEach(b=>b.classList.remove(‘selected’));
btn.classList.add(‘selected’);
showToast(`⏱️ Duration: ${minutes} minutes selected`);
}
// ===== MODAL FUNCTIONS =====
function openTool(toolId){
currentTool=toolId;
const tool=tools[toolId];
document.getElementById(‘modalTitle’).innerHTML=`${tool.icon} ${tool.name}`;
document.getElementById(‘toolInput’).placeholder=tool.placeholder;
document.getElementById(‘toolModal’).classList.add(‘show’);
// Show/hide sections based on tool
const durationSection=document.getElementById(‘durationSection’);
const styleBtn=document.getElementById(‘styleSelectorBtn’);
const storyTypeSection=document.getElementById(‘storyTypeSection’);
if(tool.needsDuration||tool.needsStyle){
durationSection.style.display=’block’;
styleBtn.style.display=’flex’;
}else{
durationSection.style.display=’none’;
styleBtn.style.display=’none’;
}
// Show story type selector only for story tool
if(toolId===’story’){
storyTypeSection.style.display=’block’;
}else{
storyTypeSection.style.display=’none’;
}
resetModal();
}
function openFullPipeline(){
currentTool=’story’;
document.getElementById(‘modalTitle’).innerHTML=’🚀 Full AI Pipeline’;
document.getElementById(‘toolInput’).placeholder=’Apni story idea likhein – Horror, Romance, Action, ya koi bhi type!’;
document.getElementById(‘toolModal’).classList.add(‘show’);
document.getElementById(‘durationSection’).style.display=’block’;
document.getElementById(‘styleSelectorBtn’).style.display=’flex’;
document.getElementById(‘storyTypeSection’).style.display=’block’;
resetModal();
showToast(`🚀 Full pipeline shuru! ${selectedDuration}-minute ${selectedStoryType} video banegi.`);
}
function closeModal(){
document.getElementById(‘toolModal’).classList.remove(‘show’);
resetModal();
}
function resetModal(){
document.getElementById(‘toolInput’).value=”;
document.getElementById(‘loading’).classList.remove(‘show’);
document.getElementById(‘result’).classList.remove(‘show’);
document.getElementById(‘aiAgents’).style.display=’none’;
document.getElementById(‘generateBtn’).style.display=’flex’;
document.getElementById(‘progressBar’).style.width=’0%’;
document.getElementById(‘progressText’).textContent=’0% complete’;
document.querySelectorAll(‘.ai-agent’).forEach(agent=>{
agent.classList.remove(‘active’);
agent.querySelector(‘.ai-agent-status’).innerHTML=’ Ready’;
});
selectedDuration=50;
selectedStyle=null;
selectedStoryType=’Drama’;
document.getElementById(‘selectedStyleDisplay’).classList.remove(‘show’);
document.querySelectorAll(‘.duration-btn’).forEach((btn,idx)=>{
if(idx===7)btn.classList.add(‘selected’);
else btn.classList.remove(‘selected’);
});
document.querySelectorAll(‘.story-type-btn’).forEach((btn,idx)=>{
if(idx===0)btn.classList.add(‘selected’);
else btn.classList.remove(‘selected’);
});
}
document.getElementById(‘toolModal’).addEventListener(‘click’,(e)=>{
if(e.target===document.getElementById(‘toolModal’))closeModal();
});
// ===== TOOLS CONFIG =====
const tools={
chat:{
name:’Smart AI Chat’,
icon:’🤖’,
placeholder:’Apna sawal poochein…’,
needsDuration:false,
needsStyle:false,
generate:async(input)=>{
await sleep(1500);
return `🤖 Hamara AI Response:\n\n”${input}” ke baare mein yeh interesting baat hai:\n\n• Real-time information available\n• Smart, honest answers\n• Advanced reasoning capability\n\n💡 Pro Tip: Complex questions ke liye bhi try karein!`;
}
},
story:{
name:’Story → Video (All Types)’,
icon:’📖’,
placeholder:’Story idea likhein (Horror, Romance, Action, Drama – koi bhi type)…’,
needsDuration:true,
needsStyle:true,
generate:async(input)=>{
await sleep(2000);
const styleName=selectedStyle?selectedStyle.name:’Cinematic’;
return `🎬 FULL ${selectedStoryType.toUpperCase()} VIDEO READY!\n\n📖 Story: “${input}”\n\n📚 Type: ${selectedStoryType}\n⏱️ Duration: ${selectedDuration} minutes\n🎨 Style: ${styleName}\n🎤 Voice: Professional Hindi Voice\n🎵 Music: ${selectedStoryType===’Horror’?’Dark & Suspenseful’:selectedStoryType===’Romance’?’Soft & Romantic’:’Epic Background Music’}\n\n✅ Hamare AI system ne ${selectedDuration}-minute ki complete ${selectedStoryType} video bana diya:\n• Consistent characters\n• Smooth animation\n• Professional voiceover\n• Background music\n• Subtitles included\n\n💡 Video ready hai – download karein!`;
}
},
image:{
name:’Professional Image Generator’,
icon:’🎨’,
placeholder:’Image describe karein (jaise: Cute robot in space)…’,
needsDuration:false,
needsStyle:true,
generate:async(input)=>{
await sleep(1500);
const styleName=selectedStyle?selectedStyle.name:’Realistic 3.0′;
return `🎨 OPTIMIZED IMAGE PROMPT:\n\n”ultra realistic cinematic 8k ${input}, dramatic lighting, professional photography, high detail, sharp focus, studio quality, award winning composition, masterpiece” –ar 16:9 –style raw\n\n🎨 Style: ${styleName}\n\n✅ Hamare AI ke liye optimized:\n• –ar 16:9 for YouTube\n• –style raw for realistic\n• Daily free generations\n\n💡 Yeh prompt use karein hamare image generator mein!`;
}
},
video:{
name:’AI Video Generator’,
icon:’🎥’,
placeholder:’Video scene describe karein…’,
needsDuration:true,
needsStyle:true,
generate:async(input)=>{
await sleep(1800);
const styleName=selectedStyle?selectedStyle.name:’Cinematic’;
return `🎥 CINEMATIC VIDEO PROMPT:\n\n”epic cinematic movie scene ${input}, 8k volumetric lighting, slow motion, professional color grading, Hollywood style, dynamic camera movement”\n\n⏱️ Duration: ${selectedDuration} minutes\n🎨 Style: ${styleName}\n\n✅ Hamare Video AI Features:\n• Smooth motion generation\n• Professional color grading\n• Auto camera angles\n• ${selectedDuration}-minute video ready\n\n💡 Best for: ${selectedDuration>=30?’Full episodes, documentaries’:’Short clips, trailers, intros’}`;
}
},
voice:{
name:’Ultra-Realistic Voice’,
icon:’🎤’,
placeholder:’Jo bolwana hai woh likhein…’,
needsDuration:false,
needsStyle:false,
generate:async(input)=>{
await sleep(1200);
return `🎤 VOICE GENERATION READY:\n\nText: “${input.substring(0,100)}…”\n\n✅ Voice Options:\n• Hindi voices available\n• Multiple voice types\n• Character voices\n• Free monthly quota\n\n💡 Hamare voice system mein:\n1. Voice select karein\n2. Text paste karein\n3. Download MP3\n\n🎵 Quality: Studio-level professional!`;
}
},
music:{
name:’AI Music Generator’,
icon:’🎵’,
placeholder:’Music type describe karein (jaise: Epic background music, Romantic song)…’,
needsDuration:false,
needsStyle:false,
generate:async(input)=>{
await sleep(1600);
return `🎵 AI MUSIC GENERATED:\n\nTheme: “${input}”\n\n✅ Hamare Music AI Features:\n• Full songs (2-4 minutes)\n• Lyrics auto-generated\n• Professional quality\n• Daily free credits\n\n💡 Kaise use karein:\n1. “Create” click karein\n2. Apna prompt daalein\n3. 2 minutes mein music ready!\n\n🎼 Result: Complete music track!`;
}
},
thumbnail:{
name:’Viral Thumbnail Creator’,
icon:’🖼️’,
placeholder:’Video topic likhein…’,
needsDuration:false,
needsStyle:true,
generate:async(input)=>{
await sleep(1400);
const styleName=selectedStyle?selectedStyle.name:’Viral Style’;
return `🖼️ VIRAL THUMBNAIL PROMPT:\n\n”YouTube thumbnail ${input}, glowing neon text, shocked face reaction, bright vibrant colors, high contrast, clickbait style, professional graphic design, 1280×720″\n\n🎨 Style: ${styleName}\n\n✅ Thumbnail Tips:\n• Bright colors (red/yellow)\n• Expressive face\n• Large readable text\n• High contrast for mobile\n\n💡 CTR boost: 200-300% guaranteed!`;
}
},
script:{
name:’Smart Script Writer’,
icon:’📝’,
placeholder:’Video topic likhein…’,
needsDuration:false,
needsStyle:false,
generate:async(input)=>{
await sleep(1700);
return `📝 SMART SCRIPT READY:\n\nTopic: “${input}”\n\n📍 Structure:\n\n0:00 – Hook (Grab attention)\n0:30 – Introduction\n1:00 – Main Point 1\n3:00 – Main Point 2\n5:00 – Main Point 3\n7:00 – Conclusion\n8:00 – Call to Action\n\n✅ Features:\n• SEO optimized\n• Engaging hooks\n• Natural flow\n• Call-to-action included\n\n💡 Hamare Smart AI ne banaya hai!`;
}
}
};
// ===== GENERATION FLOW =====
async function startGeneration(){
if(!currentTool)return;
const input=document.getElementById(‘toolInput’).value.trim();
if(!input){
showToast(‘❌ Kripya input likhein’,’error’);
return;
}
if(isProcessing)return;
isProcessing=true;
document.getElementById(‘generateBtn’).style.display=’none’;
document.getElementById(‘aiAgents’).style.display=’grid’;
document.getElementById(‘loading’).classList.add(‘show’);
await simulateAICollaboration(input);
const result=await tools[currentTool].generate(input);
document.getElementById(‘resultContent’).innerText=result;
document.getElementById(‘result’).classList.add(‘show’);
isProcessing=false;
showToast(`✅ ${selectedDuration}-minute ${currentTool===’story’?selectedStoryType:’content’} ready!`);
}
async function simulateAICollaboration(input){
const loadingText=document.getElementById(‘loadingText’);
const progressFill=document.getElementById(‘progressBar’);
const progressText=document.getElementById(‘progressText’);
const agents=[‘agent-ai1′,’agent-ai2′,’agent-ai3′,’agent-ai4′,’agent-ai5′,’agent-ai6’];
let totalSteps=agents.length*3;
let currentStep=0;
for(const agentId of agents){
const agentEl=document.getElementById(agentId);
if(!agentEl)continue;
agentEl.classList.add(‘active’);
agentEl.querySelector(‘.ai-agent-status’).innerHTML=’ Working…’;
for(let i=0;i<3;i++){
currentStep++;
const progress=Math.round((currentStep/totalSteps)*100);
progressFill.style.width=`${progress}%`;
progressText.textContent=`${progress}% complete`;
loadingText.textContent=`${agentId.replace('agent-','').toUpperCase()}: Processing…`;
await sleep(400);
}
agentEl.querySelector('.ai-agent-status').innerHTML='✓ Done’;
await sleep(200);
}
}
function sleep(ms){
return new Promise(resolve=>setTimeout(resolve,ms));
}
// ===== COPY & DOWNLOAD =====
function copyResult(){
const text=document.getElementById(‘resultContent’).innerText;
navigator.clipboard.writeText(text).then(()=>{
showToast(‘✓ Clipboard mein copy ho gaya!’);
});
}
function downloadResult(){
const content=document.getElementById(‘resultContent’).innerText;
if(!content){
showToast(‘❌ Download karne ke liye kuch nahi hai’,’error’);
return;
}
const toolName=currentTool?tools[currentTool].name.replace(/\s+/g,’_’):’AI-Result’;
const styleName=selectedStyle?selectedStyle.name.replace(/\s+/g,’_’):’Default’;
const storyTypeName=currentTool===’story’?selectedStoryType:’All’;
const timestamp=new Date().toISOString().replace(/[:.]/g,’-‘).split(‘T’)[0]+’_’+new Date().toTimeString().split(‘ ‘)[0].replace(/:/g,’-‘);
const filename=`${toolName}_${storyTypeName}_${styleName}_${selectedDuration}min_${timestamp}.txt`;
const blob=new Blob([content],{type:’text/plain;charset=utf-8’});
const url=URL.createObjectURL(blob);
const a=document.createElement(‘a’);
a.href=url;
a.download=filename;
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
URL.revokeObjectURL(url);
showToast(`💾 ${selectedDuration}-minute ${storyTypeName} content download ho gaya!`);
}
function newGeneration(){
resetModal();
document.getElementById(‘toolInput’).focus();
showToast(‘🔄 Nayi generation ke liye taiyar!’);
}
// ===== TOAST NOTIFICATIONS =====
function showToast(msg,type=’success’){
const toast=document.getElementById(‘toast’);
document.getElementById(‘toastMessage’).textContent=msg;
document.getElementById(‘toastIcon’).textContent=type===’success’?’✓’:’✕’;
toast.className=`toast ${type} show`;
setTimeout(()=>toast.classList.remove(‘show’),4000);
}
// ===== KEYBOARD SHORTCUTS =====
document.addEventListener(‘keydown’,(e)=>{
if(e.key===’Escape’){
closeModal();
closeStyleSelector();
}
if(e.key===’Enter’&&!e.shiftKey&&document.getElementById(‘toolModal’).classList.contains(‘show’)){
if(!isProcessing&&document.getElementById(‘generateBtn’).style.display!==’none’){
startGeneration();
}
}
});
// ===== WELCOME MESSAGE =====
setTimeout(()=>{
showToast(‘✨ Welcome to AI Studio Pro! ALL story types supported – Horror, Romance, Action & more!’);
},1500);