StudioX is a fully offline, professional-grade, browser-based video editor. Built entirely with Vanilla JavaScript, HTML5 Canvas, and modern Web APIs, it allows users to edit videos directly in their browser without the need for a backend, server-side processing, or account creation.
DEMO: https://vishalkumar-netizen.github.io/StudioX/
🚀 Key Features
StudioX is designed to be a "Swiss Army Knife" for video editing.
Color & Grading Engine: Advanced brightness, contrast, saturation, and filter presets.
Geometry & Composition: Precise cropping, rotation, flip, and aspect ratio management.
Graphic Overlay Engine: Support for text overlays, watermarks, and shapes.
Audio Processing: Mute, volume control, and basic audio handling.
Export Pipeline: High-quality rendering using native browser MediaRecorder APIs with export progress tracking.
Performance First: Zero-latency editing thanks to a GPU-accelerated canvas rendering loop.
🔒 Why StudioX ?
100% Privacy: Your data never leaves your computer. No files are uploaded to any server.
Offline-Ready: Works perfectly without an internet connection once loaded.
Zero Dependencies: No heavy libraries or paid APIs. Just clean, optimized vanilla code.
GitHub Pages Ready: Easily host your own version of this editor on GitHub Pages in seconds.
🛠 Tech Stack
HTML5: Semantic structure.
Tailwind CSS: Modern, responsive, and professional UI styling.
Vanilla JavaScript: Core logic, state management, and canvas rendering engine.
Web APIs: Canvas API for image processing, MediaRecorder API for video encoding.
🚀 How to Use
Clone the repository:
git clone https://github.com/vishalkumar-netizen/studiox-pro.git
Run locally: Simply open index.html in any modern web browser (Chrome, Firefox, Edge, Safari).
Start Editing: Drag and drop your video file into the workspace to begin.
🌐 Hosting on GitHub Pages
This project is optimized for GitHub Pages:
Push your code to a GitHub repository.
Go to Settings > Pages.
Select the main branch as the source.
Your StudioX instance will be live
📜 Roadmap & Contribution
StudioX is an evolving project. We are working towards a modular architecture that supports 100+ distinct editing tools. Contributions, suggestions, and feedback are always welcome.