Skip to content
Gratistack, home
Menu

Free alternatives to Adobe Dreamweaver

Top pick: Visual Studio Code. Switching saves about $264 USD a year.

Adobe Dreamweaver, Dreamweaver single app, annual plan

$263.88 USDa year

$347.88 CAD

Every pick below has a free version.

Runs on
  • Windows
  • macOS
Key file formats
Not listed

Filter alternatives

2 alternatives

Top pick

1 tool

The editor’s first choice for most people switching.

  1. Rank 1: Visual Studio Code

    Best for hand-coding sites with a huge extension library

    License: Open source
    • Windows
    • macOS
    • Linux
    • Web
    Status: Unknown

    Microsoft's download is free but under Microsoft license terms with telemetry on by default; the VSCodium build is a telemetry-free alternative.

Strong

1 tool

Covers most of the same work, with trade-offs noted on each card.

  1. Rank 2: Phoenix Code

    Best for live-preview editing of HTML and CSS

    License: Open source
    • Windows
    • macOS
    • Linux
    • Web
    • ChromeOS
    Status: Unknown

    Community Edition is free and open source. Runs in a browser or as a desktop app. Phoenix Pro is a separate paid tier. Free version: Community Edition is free, with live preview, Git and extensions. Phoenix Pro is a paid tier with a 7-day trial.

Sponsor this page: $149 for 30 days. Sponsors appear above the ranking, labeled; the ranking itself is not for sale.

Feature parity

How each alternative covers what people use Adobe Dreamweaver for. Numbers link to editor notes.

Feature parity with Adobe Dreamweaver
FeatureVisual Studio CodePhoenix Code
Coding
Code editor with hints for HTML and CSSYesNote 1YesNote 2
Preview
Live preview of the page as you editPartialNote 3YesNote 4
Design
Edit text and images directly in the previewNoNote 5PartialNote 6
Workflow
Git panel for common operationsYesNote 7YesNote 8
FTP and SFTP publishingPartialNote 9NoNote 10
Extensibility
Extensions and add-onsYesNote 11YesNote 12
Parity score67%75%
  1. Visual Studio Code, Code editor with hints for HTML and CSS: IntelliSense, emmet and linting for HTML, CSS and JavaScript
  2. Phoenix Code, Code editor with hints for HTML and CSS: Code hints and Brackets-compatible extensions
  3. Visual Studio Code, Live preview of the page as you edit: Microsoft's Live Preview extension adds it; the built-in Simple Browser has no live reload
  4. Phoenix Code, Live preview of the page as you edit: Updates as you type
  5. Visual Studio Code, Edit text and images directly in the preview: No click-to-edit visual page editor
  6. Phoenix Code, Edit text and images directly in the preview: Design Mode and Styles Bar write changes back to code; whether they are Pro only was not confirmed
  7. Visual Studio Code, Git panel for common operations: Built-in source control
  8. Phoenix Code, Git panel for common operations: Stage, commit and sync with a remote
  9. Visual Studio Code, FTP and SFTP publishing: Not built in; SFTP extensions add it
  10. Phoenix Code, FTP and SFTP publishing: Not mentioned on the vendor site
  11. Visual Studio Code, Extensions and add-ons: Large marketplace
  12. Phoenix Code, Extensions and add-ons: Extension library

Not covered by any free alternative yet: Edit text and images directly in the preview, FTP and SFTP publishing. See all feature gaps

What switching saves

Switching saves about $264 USD / $348 CAD a year. Prices checked .

Based on Dreamweaver single app, annual plan. Price source.

About this page

Last verified . Ranking: tier first, then the published score.

Something wrong or out of date? Report outdated info.

Related

Adobe Dreamweaver is a product of Adobe, named here for comparison only. Platforms listed for Adobe Dreamweaver: Windows, macOS.