🎬 Reels Creator Studio

Watch the Video

https://www.youtube.com/watch?v=9Lr4LWHlsD0

🎬 Reels Creator Studio

The open-source TikTok/Instagram Reels generator. Create viral short-form videos with AI voice, custom avatars, and any AI model. 100% local-first. MIT licensed.

Voice-native • Avatar Studio • Local-first • Bring any model • MIT Licensed

Made by Ryan Jordan • Inspired by Seth Anderson

🚀 What is Reels Creator?

Reels Creator Studio is a full-stack, open-source web application that turns anyone into a video creator. Using Google's Veo AI + Gemini API, generate cinematic short-form video reels with:

✨ AI Video Generation (text-to-video, frame-to-frame, reference-based) 🎤 Voice Synthesis (ElevenLabs, any voice, any emotion, clone your voice) 👤 Avatar Creator (AI personas + real selfie upload for avatar clones) 🎯 TikTok-Style Feed (single reel vertical view, likes, comments, remix) 🎬 Multi-Scene Storyboard Editor (timeline, transitions, captions, voiceover) 🔗 Custom API Gateway (BYOM—use Replicate, OpenRouter, Ollama, your own model) 📊 Video Analyzer (feed in a viral video → extract the perfect prompt) 💾 100% Local Storage (IndexedDB, zero telemetry, full privacy)

Result: Go from idea to viral TikTok-quality video in minutes.

🎯 Who's This For?

🎬 Content Creators – Generate 10x faster, never run out of ideas
🤖 AI/ML Developers – Plug in any model via custom gateway, build on top
🏢 Agencies – White-label, self-host, scale infinitely
🎓 Students – Learn React, TypeScript, AI integration
🌍 No-Code Warriors – Click, generate, export (no coding needed)

✨ Core Features (Everything You Need)

🎥 AI Video Generation

Veo Models: Fast (seconds) + High-quality (photorealistic)
Three Modes: Text-to-Video, Frame-to-Frame, Reference-based
Aspect Ratios: 16:9 (landscape), 9:16 (TikTok vertical)
Resolutions: 720p, 1080p, 4K-ready
Looping Control for seamless clips

🎤 Voice & Audio (AI Voice Generation)

Text-to-Speech with ElevenLabs integration
Voice Clone from 10-second audio sample
150+ Voices in 30+ languages
Pitch & Speed Control
Emotion Tags (happy, sad, energetic, calm, etc.)
Lip-Sync Ready for avatar talking head videos
Custom Voice Provider support (bring your own TTS)

👤 Avatar Studio (Real Self + AI)

Real Selfie Mode: Upload photos → Create AI clone of yourself
AI Character Creator: Generate 50+ synthetic personas
Archetype Library: (CEO, TikToker, Influencer, Expert, etc.)
Voice Matching: Sync voice to avatar personality
Full-Body Avatars: Standing, sitting, gesturing
Local Gallery: All stored locally, zero upload tracking
Custom Clothing/Style: Change look mid-video

🎯 Prompt Engineer Toolkit

Trending Topics Analyzer: Pull viral hooks from trending topics
Viral Script Generator: AI writes your 60-second video outline
Video Analyzer: Feed viral video → AI extracts perfect prompt
Preset Library: 100+ presets (lighting, camera, mood, cinematography)
Prompt History: Save, favorite, and remix past generations
Smart Suggestions: AI recommends next best prompt

🎬 Multi-Scene Storyboard Editor

Drag-and-drop timeline: Add clips, reorder, trim
15+ Transitions: Fade, crossfade, dip-to-black, slide, zoom, glitch, wipe, blur
Animated Captions: Karaoke, pop, typewriter, glow effects
Caption Styling: 5+ fonts, custom colors, positions, highlight effects
Voiceover Track: Add narration, sync with video
Export as .mp4 or shareable project file
Real-time Preview as you edit

🖼️ Gallery & Asset Management

Local Asset Library: All videos/images stored locally
Batch Export as ZIP
Search & Filter: By date, model, prompt, status
Thumbnail Preview with quality badges
Version History: Revert to old generations
Offline Access: Works without internet

🌐 Social Feed (TikTok Mode)

Single Reel Vertical Feed: Immersive, swipe between videos
Grid Feed: Browse multiple creations at once
Like & Comment: Full social interaction (local)
Remix Button: "Create similar" with one click
Creator Profiles: Portfolio view of your creations
Trending Videos: See what's performing best

🔌 Bring Your Own Model (BYOM) Gateway

OpenAI Compatible: Use any OpenAI-compatible API
Supported Providers:
- Replicate (1000+ models)
- Together AI (Llama, video models)
- OpenRouter (200+ models)
- Ollama (run locally, free, no internet)
- HuggingFace Inference API
- Vercel AI Gateway
- Custom endpoints (your own server)
Capability Routing: Send text to GPT, video to Replicate, etc.
Local Ping Test: Verify provider availability before generating

🏠 Local-First Architecture

Zero Telemetry: No tracking, no analytics, no compromise
Privacy Dashboard: Inspect exactly what's being sent
IndexedDB Storage: Massive local storage for all assets
Offline Capable: Generated videos work without internet
Fully Open Source: Audit every line of code
MIT Licensed: Commercial friendly

🚀 Quick Start (90 Seconds)

Prerequisites

Node.js 18+
npm or bun
Google Gemini API Key (free at aistudio.google.com)

Installation

# 1. Clone
git clone https://github.com/ryanjordan11/reelstwinai.git
cd reelstwinai

# 2. Install
npm install

# 3. Run
npm run dev

Done. Open http://localhost:5173 → Paste API key → Start creating.

💻 Usage Guide

Creating Your First Reel (3 minutes)

1. Click "Create Video"
2. Write prompt: "Cyberpunk neon cafe, slow pan, rain reflections, 4K"
3. Pick model: "Veo Fast" (quick) or "Veo" (high-quality)
4. Select aspect ratio: "9:16" (TikTok vertical)
5. Click "Generate"
6. Watch it render in real-time
7. Remix: Adjust prompt, regenerate instantly
8. Compose: Add to storyboard with audio/captions
9. Export: Download or share

Using Your Avatar (5 minutes)

1. Avatar Studio → "Upload Real Selfie"
2. Take 3-5 selfies from different angles
3. AI creates your clone (or pick pre-built character)
4. Sync Voice → ElevenLabs clone or select voice
5. Create Video → Avatar appears automatically
6. Export → You're the star

Creating Multi-Scene Video (10 minutes)

1. Generate 3-4 separate clips
2. Storyboard Editor → Drag into timeline
3. Add Transitions → Crossfade between clips
4. Add Captions → Karaoke-style text animation
5. Add Voiceover → AI voice narration
6. Preview → Adjust timing
7. Export → Download .mp4

Using Custom Model (2 minutes)

1. Settings → API Providers
2. Add: "Replicate API Key" or "Ollama URL"
3. Test Connection → Click "Verify"
4. Composer → Select your custom model
5. Generate → Uses your model instead of Veo

🏗️ Architecture

Tech Stack

Layer	Tech	Why
Frontend	React 19 + TypeScript	Modern, type-safe, fast
Build	Vite	Lightning fast (5s builds)
Animation	Framer Motion	Silky smooth UI
Icons	Lucide React	469+ beautiful icons
Video AI	Google Veo + Gemini	SOTA AI models
Voice	ElevenLabs	150+ realistic voices
Storage	IndexedDB + localStorage	Local-first, zero telemetry
Styling	Tailwind CSS	Rapid UI development

Project Structure

reelstwinai/
├── App.tsx                  # Main orchestrator
├── index.tsx               # Entry point
├── types.ts                # TypeScript definitions (60+ types)
├── components/
│   ├── ComposerPage.tsx    # AI video generator (main hub)
│   ├── AvatarCreator.tsx   # Real self + AI character studio
│   ├── StoryboardPage.tsx  # Multi-scene timeline editor
│   ├── TrendingPage.tsx    # Viral topic analyzer
│   ├── ScriptCreator.tsx   # AI script writer
│   ├── VideoAnalyzer.tsx   # Prompt extraction
│   ├── CoverCreator.tsx    # Thumbnail generator
│   ├── SingleFeed.tsx      # TikTok-style feed
│   └── SettingsDialog.tsx  # API providers, voices, storage
├── services/
│   ├── geminiService.ts    # Veo video generation
│   ├── voiceService.ts     # ElevenLabs voice synthesis
│   ├── avatarService.ts    # Avatar management
│   ├── db.ts               # IndexedDB persistence
│   └── apiGateway.ts       # Custom provider routing
├── metadata.json           # Google AI Studio metadata
├── package.json
├── vite.config.ts
└── index.html

🌟 Why This Goes Viral

For Creators ✨

10x faster than manual editing
Hollywood quality instantly
No subscriptions (open-source, free forever)
Own your data (local-first, no tracking)
Custom voices (sound like anyone)
AI avatars (be anyone, anywhere)

For Developers 🚀

Beautiful codebase (10K+ lines, well-organized)
Modern stack (React 19, TypeScript, Vite)
Fully extensible (plug in any AI model)
MIT licensed (commercial friendly)
Zero dependencies on us (self-hostable)

For Businesses 🏢

White-label ready
Self-hostable (Docker, Vercel, Railway)
BYOM (bring your own models)
No vendor lock-in
Monetize easily (charge per video, API gateway, etc.)

📊 The Numbers

Metric	Value
Lines of Code	10,000+
Components	15+
Supported AI Providers	8+
Custom Models Support	200+
Local Storage Capacity	Unlimited (IndexedDB)
Build Time	<5 seconds
Bundle Size	~400KB gzipped
Supported Languages	30+ (via ElevenLabs)
Avatar Styles	50+

🤝 Contributing (Make This Legendary)

We want YOU. Here's how:

# 1. Fork & clone
git clone https://github.com/YOUR_USERNAME/reelstwinai.git
cd reelstwinai

# 2. Create feature branch
git checkout -b feature/your-amazing-feature

# 3. Code magic
# Edit components/, add features, fix bugs

# 4. Test & commit
npm run lint
git add .
git commit -m "feat: add your amazing feature"

# 5. Push & open PR
git push origin feature/your-amazing-feature
# Create PR on GitHub (we'll review within 24h)

Ideas for Contributors

🐛 Issues & Bug Reports

Found a bug? Have a feature request?

# Go to https://github.com/ryanjordan11/reelstwinai/issues
# Title: [BUG] Description or [FEATURE] Request
# Describe steps to reproduce + screenshots

🛠️ Deployment

Docker (Self-Host)

docker build -t reels-creator .
docker run -p 3000:3000 reels-creator

Vercel (One-Click)

Railway

railway link
railway up

📜 License

MIT License — Free forever. Use, modify, distribute. See LICENSE for details.

Reels Creator © 2026 Ryan Jordan
Open source. Local-first. Forever free.

🙏 Acknowledgments

Seth Anderson — Vision & inspiration
Google — Veo AI & Gemini API
ElevenLabs — Voice synthesis
React Team — Amazing framework
Contributors — Making this legendary
You — For starring ⭐

📈 Roadmap

Q3 2026: Mobile app (React Native), real-time collab
Q4 2026: Marketplace, monetization tools, advanced analytics
2027: Autonomous agent, blockchain verification, live streaming

💬 Community

GitHub Discussions — Ask questions
Issues — Report bugs, request features
Share on Twitter/TikTok — Tag @reels_creator
Star us — It helps so much! ⭐

📞 Support & Contact

📧 Questions? Open a GitHub issue
🐛 Found a bug? GitHub issue with steps to reproduce
💡 Feature idea? GitHub discussion
💰 Want to sponsor? (Coming soon)

🎯 Next Steps

# 1. Clone the repo
git clone https://github.com/ryanjordan11/reelstwinai.git

# 2. Install & run (90 seconds)
cd reelstwinai && npm install && npm run dev

# 3. Create your first video
# Open http://localhost:5173
# Paste your API key
# Start generating

# 4. Share on Twitter/TikTok
# Tag us! @reels_creator
# Show the world

# 5. Star & contribute
# Hit ⭐ to support the project
# Open a PR to add features

🎬 Made with ❤️

Reels Creator Studio — Turn ideas into viral videos. Open source. Forever free.

💡 Your idea
🤖 AI powers it
🎬 Creates video
🚀 Goes viral
🌍 World watches

Ready? Let's go viral.

git clone https://github.com/ryanjordan11/reelstwinai.git
npm install && npm run dev

Last Updated: August 15, 2026 | MIT Licensed | Made by Ryan Jordan

Name		Name	Last commit message	Last commit date
components		components
migrated_prompt_history		migrated_prompt_history
services		services
.vercelignore		.vercelignore
App.tsx		App.tsx
LICENSE		LICENSE
README.md		README.md
bun.lock		bun.lock
index.css		index.css
index.html		index.html
index.tsx		index.tsx
metadata.json		metadata.json
package-lock.json		package-lock.json
package.json		package.json
tsconfig.json		tsconfig.json
types.ts		types.ts
vercel.json		vercel.json
vite.config.ts		vite.config.ts

Latest commit

History

Folders and files

Repository files navigation

🎬 Reels Creator Studio

🚀 What is Reels Creator?

🎯 Who's This For?

✨ Core Features (Everything You Need)

🎥 AI Video Generation

🎤 Voice & Audio (AI Voice Generation)

👤 Avatar Studio (Real Self + AI)

🎯 Prompt Engineer Toolkit

🎬 Multi-Scene Storyboard Editor

🖼️ Gallery & Asset Management

🌐 Social Feed (TikTok Mode)

🔌 Bring Your Own Model (BYOM) Gateway

🏠 Local-First Architecture

🚀 Quick Start (90 Seconds)

Prerequisites

Installation

💻 Usage Guide

Creating Your First Reel (3 minutes)

Using Your Avatar (5 minutes)

Creating Multi-Scene Video (10 minutes)

Using Custom Model (2 minutes)

🏗️ Architecture

Tech Stack

Project Structure

🌟 Why This Goes Viral

For Creators ✨

For Developers 🚀

For Businesses 🏢

📊 The Numbers

🤝 Contributing (Make This Legendary)

Ideas for Contributors

🐛 Issues & Bug Reports

🛠️ Deployment

Docker (Self-Host)

Vercel (One-Click)

Railway

📜 License

🙏 Acknowledgments

📈 Roadmap

💬 Community

📞 Support & Contact

🎯 Next Steps

🎬 Made with ❤️

About

Topics

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages