2026 August release (5.2) of Phoenix Code is now available for download at phcode.io.
This release brings the Styles Bar for styling your page visually, State of the art Code Intelligence for JavaScript, TypeScript, JSON, Python, and PHP, AI Model Selection, a Starter Bar for blank pages, Doc Comment Generation, an Improved Git Panel, and Video and Audio Preview right in the editor.
Style Your Page Visually with the Styles Bar
The new Styles Bar in Live Preview lets you style any element on your page visually - change fonts, colors, backgrounds, borders, spacing, alignment, and layout directly in your page instantly.
Choose where changes are saved in CSS. Edit states like hover and focus. Browse and search Google Fonts or system fonts. Starting from scratch? A blank page now shows a starter bar so you can add your first element right from the preview.
Code Intelligence for JavaScript, TypeScript, JSON, Python, and PHP
Phoenix Code now ships IDE-grade code intelligence for:
- JavaScript & TypeScript - completions, go to definition, find usages, and error checking, with automatically managed project configuration.
- JSON and Npm smarts - Package JSON and other known JSON formats code intelligence. npm package name and version suggestions as you type, dependency info on hover, and warnings for packages with known vulnerabilities.
- Python - code intelligence with built-in code formatting.
- PHP - full code intelligence, installed on demand when you open a PHP file.
Language servers are downloaded and set up automatically in the background - no manual installation needed. Documentation is now shown with code hints and hovering code shows quick actions to jump to a definition or find usages.
This feature is available only in desktop apps.
Choose Your AI Model/Disable AI
Pick which Claude model powers your AI chat, right from the chat panel.
Prefer an editor without AI? It can now be switched off completely from View > Enable AI or the AI settings dialog. Read More...
This feature is available only in desktop apps.
Start from a blank page
Edit Mode needs an element to work on, and a blank page has none. Now a Starter Bar appears on empty pages so you can add your first element right from the preview, and Phoenix Code creates the page structure for you. Read More...
Generate Doc Comments
Type /** on the line above a function or class and accept the hint that appears. Phoenix Code reads the signature and generates a documentation comment with every parameter filled in, in each language's own convention: JSDoc for JavaScript and TypeScript, PHPDoc for PHP, docstrings for Python, and more. Read More...
Git improvements
See your current branch in the sidebar and Git panel, and click to switch or create branches.
You can also use Open All Changed Files in the Git panel menu to open every modified file at once. Read More...
Video and Audio Preview
Click a video or audio file in your project to play it right inside the editor, just like image preview.