You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: hub/apps/develop/composition/composition-animation.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -5,7 +5,7 @@ ms.date: 03/16/2026
5
5
ms.topic: article
6
6
ms.localizationpriority: medium
7
7
---
8
-
# Composition animations for WinUI
8
+
# Composition animations
9
9
10
10
The Microsoft.UI.Composition APIs allow you to create, animate, transform, and manipulate compositor objects in a unified API layer. Composition animations provide a powerful and efficient way to run animations in your WinUI app UI. They have been designed from the ground up to ensure that your animations run at 60 FPS independent of the UI thread and to give you the flexibility to build amazing experiences using not only time, but input and other properties, to drive animations.
Copy file name to clipboardExpand all lines: hub/apps/develop/composition/composition-brushes.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -6,7 +6,7 @@ ms.topic: article
6
6
ms.custom: 19H1
7
7
ms.localizationpriority: medium
8
8
---
9
-
# Composition brushes in WinUI
9
+
# Composition brushes
10
10
Everything visible on your screen in a WinUI app is visible because it was painted by a brush. Brushes enable you to paint user interface (UI) objects with content ranging from simple solid colors to images, drawings, and complex effect chains. This topic introduces the concepts of painting with CompositionBrush.
11
11
12
12
When working with a WinUI XAML app, you can choose to paint a UIElement with a [XAML brush](/windows/apps/design/style/brushes) or a [CompositionBrush](/windows/windows-app-sdk/api/winrt/microsoft.ui.composition.compositionbrush). Typically, it is easier to choose a XAML brush if your scenario is already supported by one. For example, animating the color of a button or changing the fill of text or a shape with an image. If you need something that is not supported by a XAML brush, such as an animated mask, an animated nine-grid stretch, or an effect chain, you can use a CompositionBrush to paint a UIElement through [XamlCompositionBrushBase](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.media.xamlcompositionbrushbase).
Copy file name to clipboardExpand all lines: hub/apps/develop/composition/composition-effects.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -5,7 +5,7 @@ ms.date: 03/16/2026
5
5
ms.topic: article
6
6
ms.localizationpriority: medium
7
7
---
8
-
# Composition effects in WinUI
8
+
# Composition effects
9
9
10
10
The [**Microsoft.UI.Composition**](/windows/windows-app-sdk/api/winrt/microsoft.ui.composition) APIs allow real-time effects to be applied to images and UI with animatable effect properties. In this overview, we’ll walk through the functionality that lets you apply effects to a composition visual in WinUI and Windows App SDK apps.
Copy file name to clipboardExpand all lines: hub/apps/develop/composition/composition-lighting.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -5,7 +5,7 @@ ms.date: 03/16/2026
5
5
ms.topic: concept-article
6
6
ms.localizationpriority: medium
7
7
---
8
-
# Using lights in WinUI
8
+
# Using lights
9
9
10
10
The Microsoft.UI.Composition APIs in the Windows App SDK enable you to create real-time animations and effects. Composition lighting enables 3D lighting in 2D applications. In this overview, we will run through the functionality of how to set up composition lights, identify visuals to receive each light, and use effects to define materials for your content.
Copy file name to clipboardExpand all lines: hub/apps/develop/composition/composition-native-interop.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -6,7 +6,7 @@ ms.topic: article
6
6
ms.localizationpriority: medium
7
7
---
8
8
9
-
# Composition native interoperation with DirectX and Direct2D for WinUI
9
+
# Composition native interoperation with DirectX and Direct2D
10
10
11
11
> [!IMPORTANT]
12
12
> This article is being adapted from UWP documentation for Windows App SDK/WinUI. Some code examples in this article still reference UWP-specific APIs such as `CoreWindow`, `CoreApplicationView`, and `CoreDispatcher`, which are **not available** in WinUI/Windows App SDK. The WinUI equivalents are:
Copy file name to clipboardExpand all lines: hub/apps/develop/composition/composition-shadows.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -5,7 +5,7 @@ ms.date: 03/16/2026
5
5
ms.topic: article
6
6
ms.localizationpriority: medium
7
7
---
8
-
# Composition shadows in WinUI
8
+
# Composition shadows
9
9
10
10
The [DropShadow](/windows/windows-app-sdk/api/winrt/microsoft.ui.composition.dropshadow) class provides means of creating a configurable shadow that can be applied to a [SpriteVisual](/windows/windows-app-sdk/api/winrt/microsoft.ui.composition.spritevisual) or [LayerVisual](/windows/windows-app-sdk/api/winrt/microsoft.ui.composition.layervisual) (subtree of Visuals). As is customary for objects in the Visual Layer, all properties of the DropShadow can be animated using CompositionAnimations.
Copy file name to clipboardExpand all lines: hub/apps/develop/composition/composition-tailoring.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -5,7 +5,7 @@ ms.date: 03/16/2026
5
5
ms.topic: how-to
6
6
ms.localizationpriority: medium
7
7
---
8
-
# Tailoring effects and experiences in WinUI
8
+
# Tailoring effects and experiences
9
9
10
10
WinUI provides many beautiful effects, animations, and means for differentiation. However, meeting user expectations for performance and customizability is still a necessary part of creating successful applications. Windows App SDK apps can run across a large, diverse family of Windows devices and configurations, which have different features and capabilities. In order to provide an inclusive experience for all your users, you need to ensure your applications scale across devices and respect user preferences. UI tailoring can provide an efficient way to leverage a device’s capabilities and ensure a pleasant and inclusive user experience.
Copy file name to clipboardExpand all lines: hub/apps/develop/composition/composition-visual-tree.md
+2-2Lines changed: 2 additions & 2 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,11 +1,11 @@
1
1
---
2
-
title: Composition visuals in WinUI apps
2
+
title: Composition visuals
3
3
description: Composition visuals make up the visual tree structure that Microsoft.UI.Composition uses in WinUI and Windows App SDK apps. You can create one or many visual objects, each representing a single node in a visual tree.
4
4
ms.date: 03/16/2026
5
5
ms.topic: article
6
6
ms.localizationpriority: medium
7
7
---
8
-
# Composition visuals in WinUI apps
8
+
# Composition visuals
9
9
10
10
Composition Visuals make up the visual tree structure that all other features of the Microsoft.UI.Composition API use and build on. The API allows developers to define and create one or many visual objects, each representing a single node in a visual tree.
0 commit comments