Cursor Vibe Mode is a Visual Studio Code extension designed specifically for Cursor.ai, enhancing the coding experience by providing a distraction-free environment while keeping AI-powered Chat and Composer panels accessible.
- Distraction-Free Coding: Enter a clean, focused environment with minimal UI elements
- Smooth Transitions: Elegant animations when entering and exiting Vibe Mode
- Non-Centered Layout: Maintains a non-centered editor layout by default (configurable)
- Flexible AI Layout: Choose between side-by-side or stacked layouts for AI panels
- Customizable UI: Configure which UI elements to show or hide in Vibe Mode
- Quick Toggles: Easily switch between layouts with keyboard shortcuts
- Cursor AI Integration: Special commands for toggling the AI sidebar in Cursor AI
- Explicit Enable/Disable: Separate commands to explicitly enable or disable Vibe Mode
- Cursor-Optimized: Designed specifically for Cursor AI's unique UI structure
- Open Cursor.ai
- Go to Extensions (Ctrl+Shift+X / Cmd+Shift+X)
- Search for "Cursor Vibe Mode"
- Click Install
Alternatively, you can install the extension manually:
- Download the
.vsixfile from the releases - In Cursor.ai, open the Command Palette (Ctrl+Shift+P / Cmd+Shift+P)
- Type "Extensions: Install from VSIX..." and select it
- Navigate to and select the downloaded
.vsixfile
-
Toggle Vibe Mode: Enter or exit Vibe Mode
- Keyboard shortcut:
Ctrl+K V/Cmd+K V - Command Palette: "Toggle Vibe Mode"
- Keyboard shortcut:
-
Enable Vibe Mode: Explicitly enable Vibe Mode
- Keyboard shortcut:
Ctrl+K E/Cmd+K E - Command Palette: "Enable Vibe Mode"
- Keyboard shortcut:
-
Disable Vibe Mode: Explicitly disable Vibe Mode
- Keyboard shortcut:
Ctrl+K D/Cmd+K D - Command Palette: "Disable Vibe Mode"
- Keyboard shortcut:
-
Toggle AI Layout: Switch between side and bottom layouts for AI panels
- Keyboard shortcut:
Ctrl+K L/Cmd+K L - Command Palette: "Toggle AI Layout (Side/Bottom)"
- Keyboard shortcut:
-
Toggle AI Sidebar: Specifically toggle the AI sidebar in Cursor AI
- Keyboard shortcut:
Ctrl+Cmd+B - Command Palette: "Toggle AI Sidebar"
- Keyboard shortcut:
This extension contributes the following settings:
cursor-vibe-mode.aiPanelPosition: Position of AI panels in Vibe Mode - "side" or "bottom" (default:side)cursor-vibe-mode.hideStatusBar: Hide status bar in Vibe Mode (default:false)cursor-vibe-mode.useFullScreen: Use full screen mode when entering Vibe Mode (default:true)cursor-vibe-mode.restoreBreadcrumbs: Restore breadcrumbs when exiting Vibe Mode if they were enabled in user settings (default:true)cursor-vibe-mode.useCenteredLayout: Use centered editor layout in Vibe Mode (default:false)
Note: Breadcrumbs are always hidden in Vibe Mode to provide a cleaner interface.
Cursor Vibe Mode provides a distraction-free coding environment while keeping AI features accessible:
- When you activate Vibe Mode, the extension applies your preferred UI settings with smooth animations
- It hides distracting UI elements like the sidebar and breadcrumbs
- Based on your settings, it applies your preferred layout and UI visibility options
- When you exit Vibe Mode, it restores your UI based on your configuration settings
This extension is specifically designed for Cursor AI and includes:
- Integration with Cursor AI's auxiliarybar (the AI sidebar)
- Support for keeping the AI sidebar visible in Vibe Mode
- Commands that work with Cursor AI's unique UI layout
- Proper handling of Cursor's "Secondary Side Bar" (the AI panel)
- Optimized to avoid conflicts with Cursor's modified VS Code UI
Cursor Vibe Mode includes robust error handling and logging:
- Detailed timestamped logs for all operations
- Graceful degradation when commands fail
- Multiple fallback mechanisms for AI sidebar operations
- Command availability detection for different Cursor versions
- User-friendly error messages with actionable options
- Comprehensive troubleshooting information
To access logs:
- Open the Output panel (View > Output)
- Select "Cursor Vibe Mode" from the dropdown
- Review the logs for detailed information about operations
Traditional distraction-free modes in code editors often hide all UI elements. However, in an AI-powered editor like Cursor.ai, you often want to maintain access to AI features while still achieving a focused environment. Vibe Mode bridges this gap by providing:
- A clean, focused coding environment with optional centered layout
- Continued access to AI assistance
- Flexible layout options for different workflows
- Customizable UI to match your preferences
- Smooth, elegant transitions between modes
- Cursor.ai (VS Code with AI capabilities)
- VS Code 1.93.0 or higher
- None currently
- Added smooth animations when entering and exiting Vibe Mode
- Added new setting for centered layout (
useCenteredLayout) - Removed dependency on Zen Mode for better control and reliability
- Improved UI state management
- Enhanced error handling
- Added separate commands for explicitly enabling and disabling Vibe Mode
- Added keyboard shortcuts for enable (
Ctrl+K E/Cmd+K E) and disable (Ctrl+K D/Cmd+K D) commands - Automatic breadcrumbs hiding when in Vibe Mode
- Added new setting to control breadcrumbs restoration
- Completely redesigned state management to avoid UI detection issues
- Optimized for Cursor AI's unique UI structure
- Fixed issues with activity bar references
- Improved centered layout handling
- Initial release of Cursor Vibe Mode
- Basic Vibe Mode functionality with AI panel visibility
- Support for side and bottom AI panel layouts
- Customizable UI element visibility
- Special integration with Cursor AI's auxiliarybar toggle
- Non-centered layout for a more natural coding experience
Contributions are welcome! Feel free to submit issues or pull requests on the GitHub repository.
This extension is licensed under the MIT License.
Enjoy your focused coding sessions with Cursor Vibe Mode!
