Vybe is a revolutionary, agent-first, mobile-native, AI-centric development environment that pushes the boundaries of what's possible in an IDE. Built with cutting-edge technologies and designed for the future of software development.
- Native Agent Manager for orchestrating multiple AI agents
- Multi-agent parallel execution with collaboration protocols
- Agent types: Coder, Reviewer, Tester, Architect, Debugger, Optimizer, Documenter, Translator
- Real-time agent monitoring with resource tracking
- Agent-to-agent communication and debate modes
- Optimized for touch interactions
- Bottom navigation bar for thumb-friendly access
- Gesture control for intuitive navigation
- Voice-activated coding
- Responsive design with desktop enhancements
- PWA capabilities for offline usage
- Python (via Pyodide WebAssembly)
- JavaScript/TypeScript (native)
- HTML/CSS (live preview)
- React (runtime support)
- Rust (WebAssembly support planned)
- Go (WebAssembly support planned)
- Flutter (web runtime)
- Swift (planned)
- .NET (C#, C++) support planned
- PDF viewer (via PDF.js)
- Markdown renderer
- JSON/YAML viewer
- CSV table display
- HTML preview
- Images viewer
- RTF/TXT support
- LaTeX editor (planned)
- OpenAI (GPT-4o, GPT-4 Turbo, GPT-3.5 Turbo)
- Anthropic (Claude 3 Opus, Sonnet, Haiku)
- Google (Gemini 2.5 Pro, Flash)
- OpenRouter (Qwen, DeepSeek, and more)
- Ollama (local models)
- Rate limiting and quota management
- Token tracking with cost estimation
- Streaming responses
- Voice-Controlled Coding - Code with your voice
- Gesture-Based Navigation - Intuitive touch gestures
- Predictive Error Detection - AI-powered bug prevention
- Time Travel Debugging - Reverse execution debugging
- AI-Powered Code Completion - Intelligent suggestions
- Natural Language to Code - Describe, then code
- Automated Refactoring - Smart code improvements
- Real-Time Collaboration (planned)
- Cross-Project Understanding - AI learns your codebase
- Intelligent Documentation - Auto-generate docs
- Extensible plugin architecture
- Plugin marketplace interface
- Sandbox execution for security
- Rich plugin API
- Built-in plugins included
- Clone the repository:
git clone https://github.com/superide/superide.git
cd superide- Open in a browser:
# Option 1: Use a simple HTTP server
python -m http.server 8080
# Option 2: Use Node.js http-server
npx http-server -p 8080
# Option 3: Use PHP built-in server
php -S localhost:8080- Navigate to
http://localhost:8080
- Configure API Keys
- Navigate to Settings
- Add your OpenAI, Anthropic, Google, or OpenRouter API keys
- For local models, configure Ollama URL
- Spawn Your First Agent
- Click "Spawn Agent" button
- Choose agent type (Coder, Reviewer, etc.)
- Select model (GPT-4o, Claude 3, etc.)
- Click "Spawn"
- Start Coding
- Switch to Editor view
- Create a new file or upload existing code
- Run code with the terminal or voice commands
- Ask agents for help
The Agent Manager is the heart of Vybe. Here's how to use it:
- Spawn Agents: Click "Spawn Agent" and configure:
- Agent type (Coder, Reviewer, Tester, etc.)
- Model selection
- Custom system prompt
- Monitor Agents: View:
- Active agents count
- Tasks completed
- Tokens used
- Cost incurred
- Agent Collaboration: Enable multiple agents to work together:
- Spawn multiple agents
- Assign tasks
- Review collaborative results
The editor supports multiple languages with syntax highlighting:
- Create Files: Click "New File" button
- Edit Code: Write in the editor with AI completion
- Run Code: Use terminal or voice commands
- Keyboard Shortcuts:
Ctrl+S: SaveCtrl+P: Command PaletteCtrl+B: Toggle Sidebar- `Ctrl+``: Toggle Terminal
Execute code and system commands:
# Run Python code
python print("Hello, World!")
# Run JavaScript
js console.log("Hello!")
# Agent commands
agent list
agent spawn coder gpt-4o
# File operations
ls
pwd
echo "Hello"Enable voice coding in Settings:
- "Run code" - Execute current file
- "Save file" - Save current file
- "New file" - Create new file
- "Clear terminal" - Clear terminal output
- "Spawn agent" - Create new agent
- Swipe Left: Navigate to next view
- Swipe Right: Navigate to previous view
- Swipe Up: Open settings
- Swipe Down: Close panel
- Double Tap: Run code
- Long Press: Context menu
Configure your LLM providers in Settings:
- OpenAI API Key
- Anthropic API Key
- Google API Key
- OpenRouter API Key
- Ollama URL (for local models)
Set daily limits to control costs:
- Daily token limit
- Daily budget limit
- Per-model rate limits
Toggle features in Settings:
- Voice coding
- Gesture control
- Predictive errors
- Auto-save
- Time travel debugging
Create custom plugins:
const myPlugin = {
name: 'My Plugin',
version: '1.0.0',
initialize: async (api) => {
api.registerHook('editor:content-changed', (data) => {
// Handle content changes
});
}
};
window.Vybe.getModule('pluginSystem').installPlugin(myPlugin);Listen to and emit events:
// Listen
window.Vybe.eventBus.on('agent:created', (agent) => {
console.log('Agent created:', agent);
});
// Emit
window.Vybe.eventBus.emit('agent:message', {
agentId: '...',
message: 'Hello!'
});We welcome contributions! Please see our contributing guidelines for details.
MIT License - see LICENSE file for details
- Anti-Gravity IDE for agent-first architecture inspiration
- Cursor for multi-agent interface concepts
- Pyodide for Python WebAssembly runtime
- CodeMirror for the editor
- PDF.js for PDF viewing
- The open-source community
- Enhanced Rust/Go WebAssembly runtimes
- Real-time collaborative coding
- Advanced document parsing (DOCX, LaTeX)
- Plugin marketplace UI
- Multi-chat session management
- AI model fine-tuning
- Cloud project synchronization
- Mobile app deployment (React Native)
- Advanced debugging tools
- Performance profiler
- Code coverage tools
Built with ❤️ for the future of development
Vybe - Where agents code, humans architect