--- title: "Elevate Your App’s User Experience with the New .NET MAUI Shimmer Control" published_at: "2023-04-19T11:58:06+00:00" modified_at: "2025-03-21T09:00:18+00:00" url: "https://www.syncfusion.com/blogs/post/dotnet-maui-shimmer-control" excerpt: "In this blog, we will explore the features of the new Syncfusion .NET MAUI Shimmer control introduced in the Essential Studio 2023 Volume 1 release." taxonomy_category: - ".NET MAUI" - "Desktop" - "Mobile" - "Syncfusion" - "What's new" taxonomy_post_tag: - ".NET MAUI" - "desktop" - "MAUI" - "Mobile" - "What's New" --- # Elevate Your App’s User Experience with the New .NET MAUI Shimmer Control [Sasi Kumar Arumugam](https://www.syncfusion.com/blogs/author/sasi-kumar-arumugam) ![Elevate Your App's User Experience with the New .NET MAUI Shimmer Control](https://www.syncfusion.com/blogs/wp-content/uploads/2023/04/Elevate-Your-Apps-User-Experience-with-the-New-.NET-MAUI-Shimmer-Control-3.png) The user experience of an application begins from the moment it is launched until the user exits, and it plays a vital role in engaging the user. Therefore, ensuring an exemplary user interface is essential for any app. Showing an empty screen while loading data in the background can mess up the user experience. Loading indicators help us make the app look responsive instead. In the Essential Studio® [2023 Volume 1](https://www.syncfusion.com/forums/181344/essential-studio-2023-volume-1-main-release-v21-1-35-is-available-for-download) release, [Syncfusion](https://www.syncfusion.com/) introduced a new loading indicator control in the [.NET MAUI](https://www.syncfusion.com/maui-controls) platform, the [Shimmer](https://www.syncfusion.com/maui-controls/maui-shimmer) control. The new .NET MAUI Shimmer control provides a seamless user experience while the app fetches data from either local or remote sources. It works by showing a preview of the actual view displayed on the app rather than a loading animation. This helps us easily understand the loaded content while providing a more visually appealing user experience. ![.NET MAUI Shimmer control](https://www.syncfusion.com/blogs/wp-content/uploads/2023/04/NET-MAUI-Shimmer-control-1.gif) .NET MAUI Shimmer control In this blog, we’ll see the key features of the .NET MAUI Shimmer control and the steps to get started with it. ## Built-in shimmer effect views The .NET MAUI Shimmer control supports seven built-in shimmer effect views that can be assigned using the [Type](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Shimmer.SfShimmer.html#Syncfusion_Maui_Shimmer_SfShimmer_Type) property. These shimmer types are: circle, square, profile, article, video, feed, and shopping. By default, the **circle persona** view is assigned to the control. Each view has its unique shimmer effect, allowing developers to choose the one that best fits their app’s UI design. The flexibility of customizing the shimmer view according to specific requirements can help developers enhance their app’s overall user experience. | Circle persona | Square persona | | --- | --- | ![Article persona](https://www.syncfusion.com/blogs/wp-content/uploads/2023/04/Article-persona-1.gif) Article persona | Video persona | Feed persona | | --- | --- | | Shopping persona | Profile persona | ## Custom shimmer effect view You can also easily create and integrate a custom shimmer effect view. To do so, set the [CustomView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Shimmer.SfShimmer.html#Syncfusion_Maui_Shimmer_SfShimmer_CustomView) property to the desired view, and then the shimmer effect will be applied. This will provide a more personalized and engaging user experience. To customize the shape of the custom view, you can use the [ShimmerView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Shimmer.ShimmerView.html) class with different [ShapeTypes](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Shimmer.ShimmerView.html#Syncfusion_Maui_Shimmer_ShimmerView_ShapeType) . It supports three shapes: rectangle, circle, and rounded rectangle. By default, the shape type is set to **rectangle**. ![.NET MAUI Shimmer control with custom view](https://www.syncfusion.com/blogs/wp-content/uploads/2023/04/NET-MAUI-Shimmer-control-with-custom-view-1.gif) .NET MAUI Shimmer control with custom view ## Customizing the shimmer view and its effects Customizing the .NET MAUI Shimmer control is easy. You can adjust the [color](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Shimmer.SfShimmer.html#Syncfusion_Maui_Shimmer_SfShimmer_Fill) , [wave color](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Shimmer.SfShimmer.html#Syncfusion_Maui_Shimmer_SfShimmer_WaveColor) , [wave width](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Shimmer.SfShimmer.html#Syncfusion_Maui_Shimmer_SfShimmer_WaveWidth) , [repeat count](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Shimmer.SfShimmer.html#Syncfusion_Maui_Shimmer_SfShimmer_RepeatCount) , [animation duration](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Shimmer.SfShimmer.html#Syncfusion_Maui_Shimmer_SfShimmer_AnimationDuration) , and [wave direction](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Shimmer.SfShimmer.html#Syncfusion_Maui_Shimmer_SfShimmer_WaveDirection) properties to create a shimmer effect that matches your app’s design. For instance, you can set the repeat count to determine how often the shimmer effect should be rendered or change the wave direction to make the shimmer move horizontally or vertically. By experimenting with different combinations of properties, you can achieve a unique and eye-catching shimmer effect. | Shimmer effect with custom fill color | Shimmer effect with custom wave color | | --- | --- | | Shimmer effect with custom wave width | Shimmer effect with custom animation duration | | --- | --- | | Shimmer effect with custom wave direction | Shimmer effect with custom repeat count | | --- | --- | ## Integrating .NET MAUI Shimmer control into your app **Note:** Before proceeding, please refer to the [.NET MAUI Shimmer control getting started documentation](https://help.syncfusion.com/maui/shimmer/getting-started) . The .NET MAUI Shimmer is a content view that accepts any layout and shows it with a shimmer effect. The shimmer animation effect will be displayed if the [IsActive](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Shimmer.SfShimmer.html#Syncfusion_Maui_Shimmer_SfShimmer_IsActive) property value is set to **true**, and either built-in or custom views can be used to define the shimmer animation view. Refer to the following code example. In it, we have used the Article shimmer effect type. ``` … ``` ![Integrating the Shimmer control in a .NET MAUI application](https://www.syncfusion.com/blogs/wp-content/uploads/2023/04/Integrating-the-Shimmer-control-in-a-.NET-MAUI-application.gif) Integrating the Shimmer control in a .NET MAUI application ## Conclusion Thanks for reading! The Syncfusion [.NET MAUI Shimmer](https://www.syncfusion.com/maui-controls/maui-shimmer) is a powerful tool for enhancing your app’s user experience. By using its built-in views or creating custom views, you can add a shimmer effect to any view and make it more visually appealing. With its various customization options, you can tailor the shimmer effect to fit your specific design needs. This control is available in our [2023 Volume 1](https://www.syncfusion.com/forums/181344/essential-studio-2023-volume-1-main-release-v21-1-35-is-available-for-download) release. Check out our [Release Notes](https://help.syncfusion.com/common/essential-studio/release-notes/v21.1.35) and [What’s New](https://www.syncfusion.com/products/whatsnew) pages to see the other new updates in this release. Also, try our .NET MAUI control [demos on GitHub](https://github.com/syncfusion/maui-demos) and share your feedback or ask questions in the comments section below. If you are not a Syncfusion customer, try our 30-day [free trial](https://www.syncfusion.com/downloads) to see how our components can enhance your projects. ## Related blogs - [Syncfusion Essential Studio® 2023 Volume 1 Is Here!](https://www.syncfusion.com/blogs/post/essential-studio-2023-volume-1.aspx) - [What’s New in 2023 Volume 1: .NET MAUI Charts](https://www.syncfusion.com/blogs/post/2023-volume-1-dotnet-maui-charts.aspx) - [Introducing the 7th Set of .NET MAUI Controls and Features](https://www.syncfusion.com/blogs/post/7th-set-of-dotnet-maui-controls.aspx) - [Streamline MAUI Projects with the Syncfusion .NET MAUI Template Studio](https://www.syncfusion.com/blogs/post/dotnet-maui-template-studio.aspx)