LiveXAML for Xamarin Forms

Not just another XAML previewer, it's a LIVE development tool!

LiveXAML runs while you are debugging your application inside an emulator. Whenever you save any XAML file, it automatically updates the running application.

LiveXAML has no restrictions on libraries or code usage. You can interact with the interface as you normally do. No additional configuration needed besides initial installation.

Follow on twitter Visit on facebook

Join LiveXAML Gitter room for installation help

Visual Studio extension Visual Studio for Mac extension

NB! It's easier to install extensions from the Extension window in Visual Studio

Don't forget to install LiveXAML NuGet packages. Visual Studio for Windows extension can do it automatically. Mac version doesn't have this functionality yet, so you will have to install them manually. NuGet package installation instructions are here

Why LiveXAML?

Familiar workflow

Regular application debugging with the benefit of runtime UI update

Simple installation

Just install VS extension and NuGet package

Easy to use

Start debugging session and you're set!

Time saver

Saves tons of time and money on UI development

LiveXAML installation and demo

FAQ

Does LiveXAML work with physical devices?

Yes, it does. Device should be connected to the same network as the host PC. Also, you need to make sure that firewall isn't blocking incoming connections on ports 53031 and 53032. Default Windows firewall will allow these connections automatically.

Can I use LiveXAML on multiple devices simultaneously?

Yes.
1) Start the debugging on the first device
2) Detach the debugger
3) Repeat first two steps for every device you need
4) Your changes should be propogated to all the devices

Alternatively you can manually start previosly deployed applications on every device. LiveXAML also has an option "Update even if not debugging". Enable it if you want LiveXAML to work if you are not in debugging mode.

How can I use Rider or other external editors?

You will need to open your project in Visual Studio an leave it running. Also, make sure to enable "Update even if not debugging" option in LiveXAML Settings window. After that, Visual Studio should handle file modification events and propogate the updates.

How do I disable LiveXAML for Release builds?

You can define `DISABLE_XAMARINFORMSLIVE` compilation symbol for Release or other configuration that doesn't require LiveXAML.

LiveXAML can't connect when using physical devices

Make sure that ports 50530, 50531, 50532 are open for incoming connections on your host PC.

I can't activate my license on a second development PC

Please use your subscription email and password that was generated for you on your first activation.

There is another issue that I can't solve

You can join the LiveXAML Gitter channel. I'm usually there to help with any issue regarding LiveXAML.

How does it work?

LiveXAML injects some code into your Xamarin Forms app that makes it listen for XAML updates.

Visual Studio extension handles document saves and sends updated UI to your application.

Supports all known emulators and physical devices

Purchase full version

After the initial period is expired, LiveXAML will be limited to projects with no more than 3 XAML files

You can purchase a license to lift that limitation

Permanent license $240 or €199

Monthly subscription $24 or €19 / month

1 license = 1 developer
You can activate the license on multiple PCs
Accounts suspected of unfair use may be subject to blocking

Need application developed?

I offer Xamarin Forms, UWP, WPF and ASP.NET MVC development and consulting services. Contact at info@ammyui.com for more information.