A simple way to apply shadow effects to framework elements.
Easy integration with images, shapes, paths, and other controls.
Easy customization of the shadow’s color, offset, blur radius, and corner radius.

.NET 10 support now available

Trusted by the world’s leading companies

Overview

The .NET WinUI Shadow control is used to apply shadow effects to framework elements to give them an appearance of depth, allowing users to easily differentiate overlapping elements and enjoy a beautiful and appealing user interface.

WinUI Shadow Getting Started documentation

WinUI Shadow for button.

Applying shadow effects

Apply a shadow to shapes, paths, images, and any type of framework element.

WinUI Shadow for images.

Shadow effect in images

Apply a shadow effect to any shape of an image, including squares, circles, and other irregular shapes.

WinUI Shadow for paths.

Shadow effect in paths

Apply a shadow effect to any type of path or shape.

Shadow customization

A shadow effect can be customized as follows.

Shadow customization documentation

WinUI Shadow color.

Shadow color

Customize the color of the shadow.

WinUI Shadow blur radius.

Shadow blur radius

Customize the blur level of the shadow.

WinUI Shadow offset.

Shadow offset

Customize the position of the shadow relative to the position of the view.

WinUI Shadow corner radius.

Shadow corner radius

Customize the corner radius of the shadow.

WinUI Shadow Code Example

Easily get started with the WinUI Shadow using a few simple lines of XAML and CS code example as demonstrated below. Also explore our WinUI Shadow Example that shows you how to apply shadow effects for controls in WinUI.

xaml
c#
<Page
    x:Class="GettingStarted.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:GettingStarted"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:syncfusion="using:Syncfusion.UI.Xaml.Core"
    mc:Ignorable="d"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
    <Grid>
      <syncfusion:SfShadow>
         <Button Height="50" Width="100" Content="Button"/>
      </syncfusion:SfShadow>
    </Grid>
</Page>
// Creating an instance of the Shadow control.
SfShadow shadow = new SfShadow();

// Setting the SfShadow content value.
Button button = new Button();
button.Height = 50;
button.Width = 100;
button.Content = "Button";
shadow.Content = button;

Not sure how to apply shadow effect for WinUI controls using WinUI Shadow? Our documentation can help.

I’d love to read it now

DATA VISUALIZATION

GRIDS

CALENDARS

EDITORS

NOTIFICATION

MISCELLANEOUS

NAVIGATION

CONVERSATIONAL UI

AI AssistView PREVIEW

Our Customers Love Us

Having an excellent set of tools and a great support team, Syncfusion^® reduces customers’ development time.
Here are some of their experiences.

Excellent experience with Syncfusion!

Syncfusion is a product that makes life easier! I use it to create Blazor applications (server side and webassembly) and the controls speed up development a lot. Furthermore, if needed, it is possible to ask for direct support that is never long in coming!

Andrea Scarpante,

Sydea srl

The complete component set

It is the most complete component set available. Also very handy is the fact that there is a community edition, this gives me the opportunity to test thing at home without buying a separate license.

Johan Visser,

H and T Pawnbrokers

See Real Success Stories

Developers around the world trust Syncfusion’s Essential Studio to simplify complex projects and speed up delivery. With a vast library of UI controls, powerful SDKs, and reliable support, Essential Studio helps teams build enterprise-ready applications with confidence.

Explore Case Studies

Industry

Software development

75%Cost reduction

50%Faster development

“If somebody is looking for a great tool to work with? Yes. I would definitely recommend Syncfusion for anyone who is trying to develop something meaningful.”

- Somnath Maji (Founder of Igniatek Consultancy)

Read Story