Cursor has just launched a visual editor within the Cursor Browser, targeting web developers and product teams who build and iterate on modern web applications. This release is now publicly available to all users of the Cursor platform, with no indication that access is limited to a select group. The feature is designed to be platform-agnostic but primarily benefits those working with React-based codebases, given its direct component and props inspection capabilities.
The visual editor integrates:
- Drag-and-drop layout manipulation
- Real-time property adjustment via a sidebar
- Natural language prompts to describe changes directly within the user interface
Cursor released the Visual Editor for Cursor Browser, where you can drag and drop DOM elements around to fine-tune the way how it looks!
— TestingCatalog News 🗞 (@testingcatalog) December 11, 2025
Cursor Browser can TEST your stuff as well! 👀 https://t.co/17qUQSIlRD pic.twitter.com/TfytFn6ppm
The tool connects the rendered web app, the codebase, and editing tools in a single environment, reducing the need for external design tools or manual code adjustments. Unlike previous iterations or browser-based devtools, this editor automatically updates the codebase as visual changes are made, and leverages AI-powered agents to apply modifications efficiently. Early feedback from developers highlights faster prototyping and reduced context-switching compared to traditional workflows.
Cursor, the company behind this release, has gained recognition for its AI-driven developer tools that streamline code editing, debugging, and project management. This visual editor expands upon the company’s mission to bridge the gap between design and code, positioning Cursor as a competitor to established platforms that focus on visual development environments for web apps.
