Quick Tour
Your first 5 minutes with Blueberry.
Opening a Project
- Launch Blueberry
- Click “Open Folder” or drag a folder onto the window
- Blueberry will open your project with the file explorer on the left
The Interface
Blueberry’s interface has three main panels, which can be rearranged to fit your workflow:
- Terminal - Run commands and interact with your project
- Editor - Edit code with syntax highlighting
- Preview - View your running app
Basic Workflow
1. Open a File
Click any file in the explorer to open it in the editor. The editor supports 30+ languages with syntax highlighting.
2. Run Commands
Click the terminal panel or press Cmd+2 to focus it. Run your dev server:
npm run dev3. Preview Your App
When Blueberry detects a running dev server, it automatically opens the preview panel. You can also manually enter a URL.
4. Make Changes
Edit your code directly in the editor, or talk to your AI agent of choice in the terminal. Blueberry supports Claude, Codex, Gemini, and more. The terminal is the heart of the workflow: describe what you want, and your agent builds it for you. Changes are saved automatically.
Next Steps
- Agent Setup - Set up Claude, Codex, Gemini, or your preferred agent
- Code Editor - Learn editor features
Last updated on