Skip to content

Commit 2691309

Browse files
devvaannshabose
authored andcommitted
feat: add newly added features content
1 parent d885d02 commit 2691309

1 file changed

Lines changed: 66 additions & 0 deletions

File tree

src/assets/default-project/en/Newly_added_features.md

Lines changed: 66 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,72 @@ We are continuously adding features every week to improve the life of web develo
77

88
Here's a list of top features recently added to Phoenix:
99

10+
## [AI Chat — Built-in Coding Assistant](https://docs.phcode.dev/app-links/ai-chat)
11+
12+
`Added in 2026`
13+
14+
Phoenix Code now ships with a built-in AI assistant powered by Claude Code. Chat about your code, edit files, run terminal commands, and restore to any point with a single click.
15+
You can also attach files or take a screenshot to show the AI exactly what you mean.
16+
17+
> This feature is available only in desktop apps.
18+
19+
![Image](https://docs-images.phcode.dev/in-app/pro-aiChat.png)
20+
21+
<h2><a target="_blank" href="https://docs.phcode.dev/app-links/edit-mode-live-preview">Live Preview Edit Mode 2.0</a></h2>
22+
23+
`Added in 2026`
24+
25+
The Live Preview Edit experience just got a massive upgrade.
26+
Now, along with editing text content, you can also apply different formats like Bold, Italic, Underline, and many more.
27+
You can also insert new elements right in the Live Preview and change an existing element's tag name, class, ID, and attributes!
28+
29+
![Image](https://docs-images.phcode.dev/in-app/pro-controlBox.png)
30+
31+
<h2><a target="_blank" href="https://docs.phcode.dev/app-links/markdown-editor">Rich Markdown Editor</a></h2>
32+
33+
`Added in 2026`
34+
35+
Edit Markdown files visually right inside the Live Preview.
36+
Format with toolbar buttons, build tables, drop in images from your device, and add Mermaid diagrams. Every change syncs to your source in real time.
37+
38+
![Image](https://docs-images.phcode.dev/in-app/pro-markdownEditor.png)
39+
40+
<h2><a target="_blank" href="https://docs.phcode.dev/app-links/live-preview">Design Mode</a></h2>
41+
42+
`Added in 2026`
43+
44+
Design Mode hides the code editor so the AI chat and Live Preview can sit side by side, taking over the whole window.
45+
Prompt the AI on one side, watch your page change on the other, and tweak anything visually with the Edit Mode tools.
46+
47+
![Image](https://docs-images.phcode.dev/in-app/pro-designMode.png)
48+
49+
<h2><a target="_blank" href="https://docs.phcode.dev/app-links/resize-ruler">Resize Ruler</a></h2>
50+
51+
`Added in 2026`
52+
53+
Switch between popular phones, tablets, and desktops with a single click to see how your page looks at that size.
54+
Phoenix Code also picks up your CSS `@media` breakpoints so you can jump straight to where your layout switches.
55+
56+
![Image](https://docs-images.phcode.dev/in-app/pro-resizeRuler.png)
57+
58+
<h2><a target="_blank" href="https://docs.phcode.dev/app-links/terminal">Built-in Terminal</a></h2>
59+
60+
`Added in 2026`
61+
62+
Run commands right next to your code in the new built-in terminal.
63+
Phoenix Code allows you to open multiple terminal tabs with your preferred shell.
64+
65+
> This feature is available only in desktop apps.
66+
67+
![Image](https://docs-images.phcode.dev/in-app/terminal.png)
68+
69+
## Polish & Layout
70+
71+
`Added in 2026`
72+
73+
You'll notice small refinements everywhere: better colors, cleaner buttons, smoother styling, and an overall more polished feel.
74+
The bottom panel has also been rebuilt with a new tabbed architecture, so you can keep Problems, Search, Git, Terminal, and more open at the same time.
75+
1076
<h2><a target="_blank" href="https://docs.phcode.dev/app-links/live-preview-edit">Live Preview Edit</a></h2>
1177

1278
`Added in 2025`

0 commit comments

Comments
 (0)