Locally Vibed AI Generator
- JavaScript 69%
- CSS 14.8%
- HTML 12.2%
- Python 3.9%
- Shell 0.1%
| Filename | Latest commit message | Latest commit date |
|---|---|---|
| .github/workflows | ||
| build | ||
| desktop | ||
| screenshots | ||
| scripts | ||
| .gitignore | ||
| .nojekyll | ||
| app.js | ||
| audio.css | ||
| audio.js | ||
| editor.css | ||
| editor.js | ||
| icon.svg | ||
| images.css | ||
| images.js | ||
| index.html | ||
| package-lock.json | ||
| package.json | ||
| README.md | ||
| server.py | ||
| style.css | ||
Vibed Studio
Vibed Studio is a local-first desktop and browser UI for generating videos, images, and music, then assembling them in a built-in timeline editor. It keeps project data and generation history on your machine.
Features
- Video generation with Seedance models
- Image generation with Seedream and OpenAI models
- Music/audio generation with Sonauto models
- Local history for generated videos, images, and audio
- Built-in timeline editor for video, image, audio, text, effect, and transition tracks
- Effect presets with editable parameters
- Transition presets with editable parameters
- Project save/load with
.svsfiles and autosave support after first save - JSON request/response previews for generation tools
- Desktop builds for macOS, Windows, and Linux
Install From Release (macOS / Windows / Linux)
Open the latest GitHub Release and download the installer for your OS:
macOS
- Download the
.dmg - Open it and drag VibedStudio.app into Applications
- If macOS blocks it:
- Right‑click the app → Open → Open
- Or run:
xattr -dr com.apple.quarantine /Applications/VibedStudio.app
Windows
- Download the
.exeinstaller - Run the installer and follow the prompts
- If SmartScreen appears, choose More info → Run anyway
Linux
- Download the
.AppImage - Make it executable:
chmod +x VibedStudio-*.AppImage - Run it:
./VibedStudio-*.AppImage
Quick Start Using LocalHost
1) Open in the browser
You can open the app directly:
- Double-click
index.html
This works best for basic video generation only.
2) Server mode (recommended)
Run the included dev server to enable the full app, including Images, Audio, project save/load, and local proxy routes:
python3 server.py
Then open:
http://localhost:8787
3) Set your API key
Click the key icon in the header and paste the keys you want to use:
- BytePlus API key for video generation and Seedream image models
- OpenAI API key for OpenAI image models
- Sonauto API key for audio generation
Keys are stored locally on your machine.
Editor
The Editor tab supports:
- video, image, audio, text, and effect tracks
- drag/drop media from generated history into the timeline
- multi-select and grouped timeline moves
- snapping across tracks while moving and trimming
- transition segments between adjacent clips
- right-click editing for effect and transition parameters
- project save/load and autosave after a project target exists
Build locally
npm install
npm run dist
Project Structure
index.html— main UI shellstyle.css,editor.css,images.css— stylingapp.js— video generation UI logicimages.js— image generation UI logicaudio.js— audio generation UI logiceditor.js— editor tab logicdesktop/— Electron desktop wrapperserver.py— local dev server and API proxy helpers
Notes
- Opening via
file://is limited. Use server mode or the packaged desktop app for the full feature set. - Generation history is stored locally in IndexedDB.
.svsproject files can be large because they can embed project media and cached generation data.
License
Code was all Vibed, I didnt write one line of code, do to it what you will LOL



