#xamlstudio

XAML Llama πŸ¦™XAMLLlama@hachyderm.io
2026-01-06

πŸ¦™πŸ“’ It's been an amazing celebration of #XAMLStudio v2 these last couple of weeks. 🎊 And so #WindowsDev to culminate it all, I'd like to announce that the project is now open-sourced! A seed project in the @dotnetfdn πŸŽ‰ Read all about this journey here: devblogs.microsoft.com/ifdef-w

XAML Llama πŸ¦™XAMLLlama@hachyderm.io
2026-01-05

On the twelfth day of Christmas @XAMLLlama sent to me πŸ₯πŸ₯ Twelve Designers Designing πŸ₯πŸ₯ #XAMLStudio v2 adds more designer-like features. Such as modifying in-place w/ control-specific Adorners. e.g. a TextBlock's Text shown here; WIP, stay tuned for more. #12DaysOfXAML #WindowsDev

XAML Llama πŸ¦™XAMLLlama@hachyderm.io
2026-01-04

On the eleventh day of Christmas @XAMLLlama sent to me 🎺🎢 Eleven Properties Presented 🎺🎢 The new Properties panel in #XAMLStudio v2 lets you see the visual tree, visual states, and, or course, properties of a selected element. See what's been modified or make changes directly to experiment! #12DaysOfXAML #WindowsDev

Screenshot of XAML Studio v2 showing the new properties panel. On the left, within the panel, at the top, is the Visual Tree shown from Day 9. The TextBlock is selected with the StackPanel shown as its Parent. This corresponds to the TextBlock XML element selected in the Editor in the lower-right. Below the Visual Tree is an "Add Property…" option, and then a list of properties categorized by control type. Text for TextBlock and VerticalAlignment for FrameworkElement are displayed with their corresponding values of "- The XAML Llama" and "Center". This corresponds to the XAML in the document and the preview displayed above it. Finally at the bottom of the list in the properties panel is a "- Modified -" group which shows "FontSize" set to the value of 48, which has made the preview text larger.
XAML Llama πŸ¦™XAMLLlama@hachyderm.io
2026-01-03

On the tenth day of Christmas @XAMLLlama sent to me πŸ‘‘πŸ¦˜ Ten VisualStates Visualized πŸ‘‘πŸ¦˜ #WindowsDev ever want to visualize your visual states? #XAMLStudio v2 will let you see and manipulate the active visual states of a #XAML control! 🀯 #12DaysOfXAML

XAML Llama πŸ¦™XAMLLlama@hachyderm.io
2026-01-02

On the ninth day of Christmas @XAMLLlama sent to me πŸ’ƒπŸ©° Nine #XAML Layers Deep πŸ’ƒπŸ©° Visual Trees are just as important as Christmas trees! #XAMLStudio v2 lets you easily navigate up and down the visual tree in a compact display! Find out why you need to over the rest of the #12DaysOfXAML πŸ˜‰ #WindowsDev

Screenshot of XAML Studio v2 showing an ItemsControl selected with a display of the Visual Tree on the left. The Visual Tree shows the parent StackPanel as well as the child ItemsPresenter.
XAML Llama πŸ¦™XAMLLlama@hachyderm.io
2026-01-01

RE: hachyderm.io/@XAMLLlama/115781

🎊 Happy New Year! 🎊 #WindowsDev using #XAML, have you been following the latest on #XAMLStudio? A new v2 is dropping this year! πŸŽ‰ Find out all about it with the #12DaysOfXAML below and join the WindowsAppCommunity.com/discord to get more insight in the xaml-studio channel!

XAML Llama πŸ¦™XAMLLlama@hachyderm.io
2026-01-01

On the eighth day of Christmas @XAMLLlama sent to me πŸ„πŸ₯› Eight Points Highlighted πŸ„πŸ₯› #XAMLStudio v2 is where the #WindowsCommunityToolkit #XAML Adorners came from! First used to highlight the bounds of UIElements just like in Visual Studio, these are useful for mastering perfect layouts. #12DaysOfXAML #WindowsDev

Screenshot of XAML Studio v2 with a Border element selected in the Editor, the preview then shows the bounds of the Border with vertical and horizontal lines at each edge extending the length of the preview area. The size of the border is displayed in the middle as well as its position and total size in a box above it. The various borders, margins, and padding areas are colored as an overlay.
XAML Llama πŸ¦™XAMLLlama@hachyderm.io
2025-12-31

On the seventh day of Christmas @XAMLLlama sent to me 🦒πŸ₯½ Seven Resources Loaded 🦒πŸ₯½ #XAMLStudio v2 can show you the contents of a #XAML #ResourceDictionary! That's right! Iterate easily on all your knobs πŸŽ›οΈ, bells πŸ””, whistles πŸš‚, whatever! 😲 #12DaysOfXAML #WindowsDev

Screenshot of XAML Studio v2 with a ResourceDictionary file open. It shows a variety of various keyed styles and other values which are then rendered above in the preview pane. Values like FontFamily, Thickness, FontWeight, GridLength, SolidColorBrush, and Style, all have a display showing a visual preview of what they represent.
XAML Llama πŸ¦™XAMLLlama@hachyderm.io
2025-12-30

On the sixth day of Christmas @XAMLLlama sent to me 🐀πŸ₯š Six Settings Sets 🐀πŸ₯š The #XAMLStudio v2 Settings page got a facelift! Now modernized with the #WindowsCommunityToolkit's SettingsCard and SettingsExpander. There are a few new settings too! πŸ˜‰ #12DaysOfXAML #WindowsDev

Screenshot of XAML Studio v2's settings page. It shows various sets of settings for XAML Compilation, the Preview Area, Personalization, and Feedback. More is not visible as the page can be scrolled. There are settings for Immediate Compilation, Power Binding Debugger, Updating Data context, Known Namespaces, the Preview Area Background Color, Clipping Content to the Preview Area, Alignment Grid properties, App and Editor Themes, and the Default Preview Pane Orientation. There's options for Diagnostic Data, as well as a link to open Discord to join the Windows App Community and the #xaml-studio channel there.
XAML Llama πŸ¦™XAMLLlama@hachyderm.io
2025-12-29

On the fifth day of Christmas @XAMLLlama sent to me πŸ₯‡πŸ’ Five Folder Files πŸ₯‡πŸ’ #XAMLStudio v2 can open a folder and let you use images, JSON, and resources from within it to augment your rapid prototyping experience! #12DaysOfXAML #WindowsDev

Screenshot of XAML Studio v2. The Explorer pane on the left has a "Workspace Folder" area now that shows a tree of the open folder's contents including the Assets folder with images, a SampleData folder with a JSON file, and the App.xaml and MainPage.xaml files. On the right is the Preview Pane above the XAML Editor, the preview shows the XAML Studio logo above some text and a list of items populated by the JSON file. There's a button to the lower-right that is styled by the App.xaml file, that's what it says as its contents. The header text mentions "XAML Studio v2 Folder Support opens a World of Possibilities!", the list items detail how Data Context, Image Loading, and Implicit Styles from App.xaml can work in this mode. The XAML Editor shows the XAML referencing an image source, the ItemsControl of items populated from the data context, as well as the plain looking button which is then styled from App.xaml instead automatically.
XAML Llama πŸ¦™XAMLLlama@hachyderm.io
2025-12-28

On the fourth day of Christmas @XAMLLlama sent to me πŸ“žπŸ¦ Four new Toolbar Buttons πŸ“žπŸ¦ The Quick Access Bar, introduced in v1.1, has a whole new set of tools coming in #XAMLStudio v2! Including quickly refreshing the preview, showing or hiding the alignment grid, toggling theming, and more to be revealed! #12DaysOfXAML #WindowsDev

Screenshot of XAML Studio v2's Quick Access Bar that resides between the preview pane and the XAML editor. It shows new buttons not seen in previous screenshots, from left to right: Refresh Preview, an unknown to be revealed segmented selector with two additional options - the default one on the left is currently selected, Toggle Alignment Grid, and Toggle Theme. The previous existing buttons are to the right of the gripper thumb bar for rotating the pane's positions and sharing the preview render.
XAML Llama πŸ¦™XAMLLlama@hachyderm.io
2025-12-27

On the third day of Christmas @XAMLLlama sent to me πŸŸπŸ” Three Breadcrumbs πŸŸπŸ” or more of Navigation… Making it even easier to keep track of where you are within your #XAML document. Click to jump to bring that element's line in view. #12DaysOfXAML #XAMLStudio #WindowsDev

Screenshot of the XAML Studio v2 IDE showing a familiar XAMLing example with the Debug Panel open tracking binding history. A red rectangle highlights an area above the XAML editor where a new breadcrumb navigation bar resides. It shows the breakdown of the XML document hierarchy starting from the root Page of the XAML document to the Caret's current position.
XAML Llama πŸ¦™XAMLLlama@hachyderm.io
2025-12-26

On the second day of Christmas @XAMLLlama sent to me πŸ’πŸ•Š Two tabs duplicated πŸ’πŸ•Š It may not seem like much, but I use this all the time to iterate on different ideas. #XAMLStudio v2 will be filled with many improvements small and large #12DaysOfXAML #WindowsDev

Screenshot of XAML Studio v2 Document Tab with context menu that contains a "Duplicate Tab" item. The app is atop Visual Studio shown in the background with various tabs of XAML Studio's code files open in the background.
XAML Llama πŸ¦™XAMLLlama@hachyderm.io
2025-12-25

On the first day of Christmas my true love sent to me πŸ¦™πŸπŸŽ„ A Llama in a #FluentUI #XAML Tree… πŸ¦™πŸπŸŽ„ Happy Holidays! We're back for a classic twist to preview the upcoming 2026 #XAMLStudio v2 w/ #12DaysOfXAML! Now with a new Fluent coat πŸ§₯! #WindowsDev πŸ¦™πŸπŸŽ„

Screenshot of Desktop with Llama field background behind XAML Studio v2 IDE showing updated Fluent UI Design. A new navigation view is on the left akin to the Microsoft Store, and the tabs are within the titlebar of the application on top. The preview pane on the top-half of the app shows a Christmas tree with Happy Holidays from the XAML Llama and to stay tuned each Christmas Day for more previews of XAML Studio v2. The Editor below shows the XAML code which creates the scene above it.
XAML Llama πŸ¦™XAMLLlama@hachyderm.io
2022-11-19

@Arlodottxt I see #XAMLStudio being used! πŸ¦™πŸ’–

Client Info

Server: https://mastodon.social
Version: 2025.07
Repository: https://github.com/cyevgeniy/lmst