|
| 1 | +--- |
| 2 | +slug: release-5.0 |
| 3 | +title: Phoenix Pro Release (January-2026, V-5.0) is now Live |
| 4 | +authors: [arun, charly, devvaannsh, phoenixBot] |
| 5 | +tags: [Phoenix Pro, Live Preview Edit, Emmet, Tab Bar, Custom Snippets, Collapse Folders, Smarter hint suggestions, Stability Improvements, Windows, Linux, Mac, Release] |
| 6 | +--- |
| 7 | + |
| 8 | +2026 January release (5.0) of Phoenix Code is now available for download at [phcode.io](https://phcode.io). |
| 9 | + |
| 10 | +This is the biggest release of Phoenix Code ever! This brings lots of much-awaited features into Phoenix Code and we bump to the latest 5.0 version with this. |
| 11 | + |
| 12 | +This release's core theme is `Phoenix Pro, Live Preview Edit, Emmet, Tab Bar and Custom Snippets`. |
| 13 | + |
| 14 | +## Phoenix Pro |
| 15 | + |
| 16 | +We are very excited to announce Phoenix Pro which comes with lots of powerful features which can boost your productivity by a large margin. |
| 17 | +We also maintain a Phoenix Community version that is free and always will be as a sign of gratitude to the developer community and the open-source world. |
| 18 | +We also are very grateful to the educators and the students and for that we have Phoenix Pro for Education which is absolutely free. [Read More](./docs/phoenix-pro-school) |
| 19 | + |
| 20 | + |
| 21 | +## Live Preview Edit |
| 22 | + |
| 23 | +Now, you can edit the live preview directly without worrying about your source code. You can edit text, hyperlinks, images rearrange elements by drag & drop, cut, copy, paste them, view measurements of elements to position them accurately and so much more right from the live preview. Phoenix Code automatically updates your source code instantly. |
| 24 | + |
| 25 | +Read more about [Live Preview Edit](./docs/pro-features/live-preview-edit), [Image Gallery](./docs/pro-features/image-gallery), [Measurements](./docs/pro-features/measurements). |
| 26 | + |
| 27 | +<!-- add some assets here --> |
| 28 | + |
| 29 | +## Emmet |
| 30 | + |
| 31 | +One of the most awaited features of Phoenix Code **Emmet** is finally here. Now you can write Emmet snippets and Phoenix Code will show you hints, selecting them will expand the hint into the whole code snippet. With Emmet, you can code even faster now! [Read More](./docs/features/emmet) |
| 32 | + |
| 33 | +<!-- add emmet assets --> |
| 34 | + |
| 35 | +## Tab Bar |
| 36 | + |
| 37 | +Phoenix Code now also adds the Tab Bar support which is shown at the top of the editor that displays the list of all the open files which helps you in viewing and navigating between files even more quickly. You can choose what suits you, Tab Bar or Working Files or have both enabled at the same time. |
| 38 | +[Read More](./docs/file-management#tab-bar) |
| 39 | + |
| 40 | +<!-- add tab bar assets here --> |
| 41 | + |
| 42 | +## Custom Snippets |
| 43 | + |
| 44 | +Custom Snippets allows you to define your own code hints. Create your own code hints which when selected turn into full code blocks. You can also add cursor positions in your code blocks so that Phoenix Code will automatically place the cursor at the right position after expanding the code block. |
| 45 | +[Read More](./docs/features/custom-snippets) |
| 46 | + |
| 47 | +<!-- add custom snippets assets here --> |
| 48 | + |
| 49 | +## Collapse Folders |
| 50 | + |
| 51 | +After working for some time, your project structure gets messy, lots of open directories with nested directories and all. But no worries now, Phoenix Code now supports Collapse All Folders feature using which in one click you can reset your view by collapsing all the expanded folders to their root level. [Read More](./docs/file-management#collapse-all-folders) |
| 52 | + |
| 53 | +<!-- add Collapse folders assets here --> |
| 54 | + |
| 55 | +## Smarter Color hints |
| 56 | + |
| 57 | +Phoenix Code code hints are now smarter than ever. When typing a color property Phoenix Code will prioritize the previously used colors which helps you in reusing frequently used colors without manually searching for them. [Read More](./docs/editing-colors#color-hints) |
| 58 | + |
| 59 | +<!-- add color suggestions assets here --> |
| 60 | + |
| 61 | + |
| 62 | +## Notable changes and fixes |
| 63 | + |
| 64 | +- We've improved the Live Preview to support internal stylesheets and SVGs better than before. |
| 65 | +- We now show Git markers in the scrollbar so that its easier to locate the git changes in a file. |
| 66 | +- Improved Git so that it doesn't show stale project status. |
| 67 | +- Reduced the number of popups that we show on first time installing Phoenix. |
| 68 | +- Fixed an issue where macOS/iOS and browser autocorrect or smart keyboards altered filenames during renames. |
| 69 | +- Show a dialog when user has deprecated extensions in their extension store. |
| 70 | +- Quick view was coming up very quickly on hover which was interferring with user workflows, we have slowed down it a bit. |
| 71 | +- Safari creates ghost image when dragging from CodeMirror. |
| 72 | +- Truncate very long names in Working Files as it was distracting and redundant. |
| 73 | +- Horizontal Scroll support. Press Shift + mouse scroll |
| 74 | + |
| 75 | +## All changes |
| 76 | + |
| 77 | +Please see [this link](https://github.com/phcode-dev/phoenix/commits/main/?since=2025-01-30&until=2026-01-18) for a full list of changes |
| 78 | +in GitHub. |
| 79 | + |
| 80 | +## A Request from the Phoenix Team: |
| 81 | + |
| 82 | +- **Share your feedback:** https://github.com/orgs/phcode-dev/discussions |
| 83 | +- **Spread the word** about Phoenix to friends and colleagues. |
| 84 | + |
| 85 | +With gratitude, |
| 86 | + |
| 87 | +The Phoenix Team |
0 commit comments