Build visually,Stay creative with AI by your side.

A visual editor for websites, web apps, and Markdown.

Powered by Claude Code

AI with visual and
runtime context.

Most AI coding agents only read source code. AI in Phoenix Code looks at the rendered page too. It sees what the browser shows you, not just what the stylesheet or code implies.

Claude Code built in, or bring your own Claude Code or Codex CLI. Your code stays local.

AI with visual and runtime context

Bring your own AI agent

Keep your AI agent.
Skip another
AI subscription.

Your familiar AI agent, inside Phoenix Code.

Bring your Claude or ChatGPT subscription and put it to work in Phoenix Code.

Requires Phoenix Pro. Your provider’s plan and usage limits apply.

Phoenix Code AI home with Claude Code CLI and Codex CLI account options — Choose your agent. Keep using your account.

Edit and style in Live Preview

Design Mode

Edit your site
like a canvas.

Edit text, style fonts and colors with the Styles Bar, rearrange elements and try different screen sizes, all inside the preview. Your code updates as you go.

Fonts and sizes

Colors & backgrounds

Layout and spacing

No CSS required

Layers Panel

Shape your page
with Layers

See your page as a tree. Select any element to edit its tag, classes, attributes and styles, insert or duplicate elements, and drag rows to move things around. Every change shows up in Live Preview.

Page structure as a tree

Insert, duplicate, delete

Drag rows to reorder

Edit classes and styles

Layers panel

Markdown editor

Markdown Editor

Markdown that
edits like a
document

Create rich Markdown documents with images, tables, code blocks, and diagrams. Edit visually, switch to raw Markdown text anytime.

Embed images in markdown

Tables, code, diagrams.

Reader mode

Print to PDF *

Explore the Markdown editor

Stock Image Library

Browse royalty-free images — hover to preview instantly, click to apply. Try more options, faster.

Curated high-quality image library
Faster visual asset discovery
Try more options before you choose

Get Phoenix Pro Free 7-day trial. No credit card.

Photo library

Community Edition

Powerful. Free. Forever.

Write HTML, CSS, or JavaScript and watch your website update in real time as you type. Preview Markdown documents as you write.

Live Preview Demo

Code Intelligence

Code Intelligence

Completions, go to definition, find usages, error checking, and language smarts for JavaScript, TypeScript, Python, PHP, JSON, HTML, CSS, and more.

Lightning-Fast Search

Lightning-Fast Search

Search across your entire project in milliseconds. Filter by file type.

Git Simplified

Git Simplified

Stage changes, commit, and sync with your remote — all inside the editor.

Built-in Terminal

Built-in Terminal

Run commands right next to your code in the new built-in terminal. Open multiple terminal tabs with your preferred shell.

Extensions & Themes

Extensions & Themes

Customize everything with thousands of extensions and themes. Make it yours.

Global community

Built for the web. Used around the world.

Developers, students and educators build with Phoenix Code across the globe.

180+ countries

1,600+ schools and businesses

1.6M+ downloads

Phoenix Code around the world

University of Michigan Ann Arbor, United States
Red Hat Raleigh, United States
University College Dublin Dublin, Ireland
SAP Walldorf, Germany
Politecnico di Milano Milan, Italy
Volvo Cars Gothenburg, Sweden
University of Cape Town Cape Town, South Africa
Myntra Bengaluru, India
Nanyang Technological University Singapore
KakaoPay Seongnam, South Korea
University of Technology Sydney Sydney, Australia
Tecnológico de Monterrey Monterrey, Mexico

Schools & universities Studios & businesses

Our Story • Since 2012

Adobe’s Brackets was where millions of developers wrote their first line of code.

Phoenix Code is its official successor built to carry that legacy forward.

Read our story →

Developers collaborating