April release(3.6) of Phoenix Code is now available.

This month's upgrade is big! with a lot of features you asked for - PHP/Custom live preview servers, advanced CSS/LESS/SCSS/HTML code intelligence and tooling, UX and app stability improvements.

Custom Live Preview Servers

Preview PHP, React, and other dynamically rendered files with the new server settings dialog. Read more at Live Preview Settings Docs.

HTML Code Intelligence

CSS class hints are now shown within the HTML file's class attribute.

Advanced CSS Tooling

Support for the latest CSS/LESS/SCSS syntax. Code intelligence and error detection for CSS, SCSS, and LESS files.

Reverse CSS Highlighting

Clicking an element in the live preview now highlights its selector in the source CSS file editor.

Editor Rulers

Add multiple, color-customizable rulers in the editor to better visualize line lengths. Read more...

Open Live Preview in any Browser

Direct buttons to open live previews in Chrome, Edge, Safari, and Firefox.

Docusaurus Support

Live preview docusaurus.io based markdown documentation server.

UX Improvements

Increased stability and more predictable live preview behavior.

Community Contributions

1. Changes to files and folders made externally are now automatically synced in the Browser version of Phoenix Code. (view change) - By Andrew Young, Faizan Bhagat

A Request from the Phoenix Team:

• Share your feedback: https://github.com/orgs/phcode-dev/discussions
• Spread the word about Phoenix to friends and colleagues.
• Consider supporting us on GitHub Sponsors. Every contribution helps us to keep improving Phoenix Code.