You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: blog/2026-03-04-phoenix-code-vs-brackets/index.md
+33-9Lines changed: 33 additions & 9 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,7 +1,7 @@
1
1
---
2
2
slug: brackets-editor-phoenix-code
3
3
title: "Brackets Editor in 2026: Phoenix Code Picks Up Where It Left Off"
4
-
description: "Phoenix Code is the next generation of Brackets, built by the same team. Same philosophy, same live preview DNA, massively upgraded. Here's everything that's new."
4
+
description: "The Brackets editor is in maintenance mode — Phoenix Code continues where it left off. Same team, same live preview DNA, rebuilt for 2026. Free and open source."
5
5
authors: [charly]
6
6
tags: [Brackets, Comparison, Migration, Code Editor, Live Preview, Open Source]
7
7
---
@@ -18,7 +18,7 @@ Here’s what’s changed — and how to switch.
18
18
19
19
## Brackets vs Phoenix Code: What's New
20
20
21
-
Here's the quick comparison. The left column is what you know. The right column is where we are now.
21
+
Phoenix Code includes everything Brackets offered — Live Preview, lightweight workflow, web-first focus — plus built-in Git, a browser edition, visual CSS editing, and an active extension marketplace. Here's the full comparison.
22
22
23
23
| Feature | Brackets | Phoenix Code |
24
24
|---------|----------|-------------|
@@ -37,9 +37,9 @@ The free version of Phoenix Code covers everything Brackets did and more — Git
37
37
38
38
---
39
39
40
-
## Why We Rebuilt Brackets
40
+
## What Happened to the Brackets Editor?
41
41
42
-
Brackets was built on CEF (Chromium Embedded Framework) — a technology choice that made sense in 2014 but became increasingly difficult to maintain. Security patches, OS compatibility, performance work — it all got harder every year. We hit a ceiling.
42
+
Brackets was created at Adobe and built on CEF (Chromium Embedded Framework) — a technology choice that made sense in 2014 but became increasingly difficult to maintain. Security patches, OS compatibility, performance work — it all got harder every year. Adobe moved on in 2021, and the original Brackets entered maintenance mode with no further updates.
43
43
44
44
Rather than keep patching an aging foundation, we modernized the platform so it can run anywhere — in browsers, on desktop with Electron or Tauri, pretty much any modern system. One codebase that works everywhere, from [phcode.dev](https://phcode.dev) in your browser to a native desktop app.
45
45
@@ -69,19 +69,19 @@ These are the features the Brackets community asked for — and we finally built
69
69
70
70
Brackets' live preview was view-only. You could see changes reflected in real time, but you always had to make edits in the code. With [Phoenix Pro](/docs/Pro%20Features/live-preview-edit), you can click on any element in the live preview and edit it right there — change text, swap images by dragging, rearrange elements visually. The source code updates automatically.

73
73
74
74
### Visual CSS Editing
75
75
76
76
Brackets had inline color pickers — Phoenix Code keeps those and adds number dials you can scrub to adjust CSS values like margins, padding, font sizes, and more. Hover over a number, drag to adjust, and see the result update in live preview instantly.

79
79
80
80
### Built-in Git
81
81
82
82
Phoenix Code ships with native Git support based on the familiar Brackets Git extension, addressing many of its earlier limitations with a simpler UX and improved reliability. Commit, push, pull, diff, and branch management, all built in.

85
85
86
86
### Runs in Your Browser
87
87
@@ -91,7 +91,7 @@ Open [phcode.dev](https://phcode.dev) and start editing — no install or admin
91
91
92
92
Inspect spacing between elements, measure distances, and check alignment directly in the live preview. If you work from design mockups, this replaces the constant back-and-forth between your editor and a separate design tool.

95
95
96
96
---
97
97
@@ -101,12 +101,36 @@ Short version: open your project folder in Phoenix Code. That's it.
101
101
102
102
**No migration needed.** Your project files work as-is. No config conversion, no import wizard. Just open the folder.
103
103
104
-
**Extensions.**Most heavily used Brackets extensions — Emmet, Git, Beautify/Prettier, editor tabs — are now built in and actively supported. The extension marketplace is also growing for anything else you need.
104
+
**Extensions.**The most popular Brackets extensions are now built into Phoenix Code: Emmet for abbreviations, Git for version control, [Beautify/Prettier](/docs/Features/beautify-code) for code formatting, and a Tab Bar for managing open files. The extension marketplace is active and growing for anything else you need.
105
105
106
106
**Learning curve.** Minimal. The UI layout is familiar, the shortcuts are similar, and all the new features are additive — nothing you relied on was removed. You'll be productive in minutes.
107
107
108
108
---
109
109
110
+
## Frequently Asked Questions
111
+
112
+
### What happened to the Brackets code editor?
113
+
114
+
Brackets was created at Adobe and actively developed until 2021. Adobe stopped maintaining it and the project entered maintenance mode. The same team that built Brackets continued the work as Phoenix Code — a full platform rewrite that runs in browsers and as a desktop app.
115
+
116
+
### Is Phoenix Code the same as Brackets?
117
+
118
+
Phoenix Code is built by the same team and carries forward the same design philosophy — Live Preview, lightweight workflow, and a focus on HTML, CSS, and JavaScript. The codebase was rewritten on modern web technologies, but the experience is familiar. If you used Brackets, you'll feel at home.
119
+
120
+
### Is Phoenix Code free?
121
+
122
+
Yes. The free version includes everything Brackets had and more — Git, the browser edition, visual editing tools, and the extension marketplace. [Phoenix Pro](/docs/Pro%20Features/live-preview-edit) adds Live Preview Edit starting at $9/month and helps sustain full-time development.
123
+
124
+
### Is Brackets still safe to use?
125
+
126
+
Brackets runs on an outdated version of Chromium that no longer receives security patches. For active web development, Phoenix Code is the maintained alternative with regular updates and security fixes.
127
+
128
+
### Does Phoenix Code work on Chromebook?
129
+
130
+
Yes. Open [phcode.dev](https://phcode.dev) in any browser — no install or admin privileges needed. It works on Chromebooks, tablets, and shared computers.
131
+
132
+
---
133
+
110
134
## Try Phoenix Code
111
135
112
136
Phoenix Code was built for the Brackets community by the team behind Brackets.
0 commit comments