Build Avalonia apps in VS Code

Skip the signup and start building for free. Community covers the fundamentals; Plus clears the friction that slows professional XAML work.

Trusted by .NET teams around the world

Community edition

Everything you need to get started with Avalonia.

Whether you're evaluating Avalonia, learning the framework or building small applications, Community gives you everything you need to get started at zero cost.

Live XAML previewer rendering a calendar app beside its markup in VS Code

Live XAML previewer

The extension ships with a fully functional live previewer. Edit your XAML and see how it will look immediately, rendered beside your code with no build step and no leaving the editor.

VS Code Extension XAML auto-completion

XAML auto-completion

Code completion that knows your XAML structure, properties, and ViewModels inside and out, so you spend less time looking things up.

VS Code Problems panel listing Avalonia XAML errors and warnings

Enhanced errors and warnings

Catch mistakes before they compile. Inline diagnostics flag issues in real time so you can fix them on the spot.

VS Code Extension go to definition

Go to definition

Navigate directly to style, resource, and control definitions with a single click.

VS Code Extension automatic namespace imports

Auto XAML namespace imports

Automatically add the correct xmlns declarations when using controls from external packages.

Ready to get started?

Get it now, it's free

Plus edition

Built for professional Avalonia development.

When Avalonia becomes part of your daily workflow, upgrade to a paid subscription and unlock the most productive features. As your applications grow, so does the complexity of your XAML. The Plus edition doesn't just edit your code, it understands it. By analysing your XAML, it catches issues the compiler misses, automates repetitive refactorings, and gives you powerful tools for navigating and maintaining growing applications. It's included with every Avalonia Plus, Pro and Enterprise subscription.

Plus-only diagnostic flagging a Grid.Column outside the defined columns
Plus exclusive

Catch what the compiler can't

A Grid.Column that points past your last column compiles clean and fails silently at runtime. Plus flags out-of-range rows and columns, invalid spans, misplaced attached properties, and styles you could be sharing, as you type.

Quick fix menu offering to remove redundant styled properties across the document
Plus exclusive

Clean up XAML without the busywork

Duplication creeps in one copied property at a time. One-click fixes extract shared inline properties into a style, remove redundant values across a document, convert grid definitions to shorthand, and lift out styles and DataTemplates.

XAML outline view mirroring the control hierarchy in the VS Code sidebar
Plus exclusive

Stay oriented in big files

Views grow past what scrolling can navigate. The XAML outline mirrors your control hierarchy beside the editor, so any element is one click away instead of a hunt.

Avalonia toolbox listing draggable controls in the VS Code sidebar
Plus exclusive

Stop memorising control names

The toolbox lists Avalonia controls by category and drops them into your markup ready to use, with the right names and namespaces already in place.

Included with Avalonia Plus, Pro, and Enterprise subscriptions

See pricing

Included with your subscription

One subscription, the whole toolchain.

Upgrading unlocks more than VScode. Every Avalonia Plus, Pro and Enterprise subscription also includes Avalonia for Visual Studio, DevTools and Parcel, so the same subscription upgrades your editor, improves debugging, inspection and shipping.

Customer stories

"Avalonia has a very strong community, and frankly is a joy to work with."

Bill Henning

CEO & Founder, Actipro Software

Why upgrade

Professionals invest in tools that save them time.

The Community edition is an excellent way to start building with Avalonia. The Plus edition is designed for developers who build with Avalonia every day, where every interruption, every manual refactoring and every avoidable bug slows development. Plus removes that friction, so you can stay focused on building your application.

Your views no longer fit in your head

Files run to hundreds of lines and finding one control means scrolling. The outline keeps the whole tree in view beside the editor.

The compiler says everything is fine. Your users disagree.

Grid coordinates that point nowhere compile without complaint. The advanced analysis available in the Plus edition immediately flags them.

The same properties are pasted across controls

Copied inline styling drifts apart quietly. One-click refactorings pull them into shared styles you maintain in a single place.

You're building from memory instead of intent.

The toolbox puts every control a drag away, so you build from what you can see rather than what you can remember.

Editions

Avalonia for VS Code comes in two editions

Community provides core XAML editing capabilities at no cost, while Plus unlocks the full power of the extension with deeper refactoring and productivity features.

Core features

XAML IntelliSense
XAML previewer
Enhanced errors and warnings
In-depth Quick Info
Go to definition
Project templates
Code snippets

Plus edition

Additional XAML analysis
Advanced refactoring
XAML outline
XAML toolbox

FAQ

Your questions,
answered.

Can't find what you need? We're here to help.

Yes. The Community edition is free for personal, open-source, and commercial projects, with no account required. The Plus edition adds deeper XAML analysis, advanced refactoring, the XAML outline, and the toolbox, and is included with Avalonia Plus, Pro, and Enterprise subscriptions.

No. The extension works out of the box with no account or sign-in required. Just install it from the VS Code Marketplace and start building.

Avalonia for VS Code runs everywhere VS Code does: Windows, macOS, and Linux. It also works with VS Code-compatible editors such as Cursor.

Community includes XAML IntelliSense with autocompletion, a live XAML previewer, code navigation, error highlighting, and project templates. Plus adds deeper XAML analysis, one-click refactorings, the XAML outline, and the toolbox. The edition comparison on this page has the full breakdown.

The extension itself is not open-source, but it is free to use without restrictions. Avalonia UI, the framework it supports, is open-source and MIT-licensed.

Elevate your VS Code experience

Try the Plus edition free for 30 days and experience professional tooling in your daily workflow. Build your next Avalonia app without leaving the editor.