# Phoenix Code

> Open-source code editor for web development, successor to Brackets, with live preview and inline editing, on desktop and in the browser.

- Website: https://phcode.dev/?ref=devshelf.io
- DevShelf page: https://devshelf.io/resource/phoenix-code
- Pricing: Free
- Tags: Open Source
- Categories: [Editors & IDEs](https://devshelf.io/category/editors-ides.md)
- Last checked: 2026-11-03

## About

Phoenix Code is the open-source successor to Adobe Brackets, designed for web development. It keeps Brackets' visual tools, such as live preview for HTML and CSS and inline editing, and adds a modern extension ecosystem. It runs on Windows, macOS, and Linux, and directly in the browser.

## Alternatives

- [Firefox Developer Edition](https://devshelf.io/resource/firefox-developer-edition.md): Web browser featuring integrated developer tools, CSS grid inspection, JavaScript debugging, and network monitoring capabilities. (pricing: Free)
- [CodePen](https://devshelf.io/resource/codepen.md): An online social development environment for front-end designers and developers to build, test, and discover HTML, CSS, and JavaScript code snippets. (pricing: Freemium)
- [Visual Studio Code](https://devshelf.io/resource/visual-studio-code.md): A powerful, open-source code editor with built-in AI-powered development agents, multi-language support, and extensive extension capabilities. (pricing: Free)

---

Source: DevShelf.io, the hand-reviewed catalog of dev tools and resources. Every resource is reviewed by hand before it is listed.