.NET MAUI - Screen Building Techniques

Explore .NET MAUI components and design best practices, learning how to customize the graphical interface with libraries and examples to build elegant cross platform screens for iOS, Android, and Windows.

Explore syncfusion's dotnet maui components—data grid, charts, list view, scheduler, excel library—and learn how the community license enables free use for teams under $1 million and up to five developers.

DevExpress offers free .NET MAUI components for a limited time with registration before December 20, 2023, including datagrid, collection view, drag and drop, sorting, filtering, and grouping.

Explore Telerik and Grial UI Kit for .NET MAUI, compare licensing and pricing, and learn how these paid components fit projects via 30-day trials, dev craft packages, and per-application licenses.

Discover how Lottie enhances .NET MAUI apps with lightweight vector animations, compares to GIF, and shows how to find, customize, and use free LottieFiles animations across web, mobile, and desktop.

Learn to design a simple Figma animation using basic shapes and smart animate, then export it as a Lottie JSON via the Lottie Files plugin for use in .NET Maui.

Learn to integrate Lottie animations in a .NET MAUI app using the skiasharp extension, configure a Lottie surface, and control playback with repetition modes like restart and reverse.

Explore Dribbble designs and learn how the border component in dotnet maui shapes mobile UI. Build cards, menus, and polished screens with borders around images, text, and layouts.

Explore how the border component in dotnet maui frames elements, creates cards with rounded corners, and builds menus for stylish app interfaces.

Explore how to build horizontal lists with Maui components to display categories, devices, and workouts in broadcast apps, with swipe or drag navigation.

Create a horizontal list in .NET MAUI using a collection view with a horizontal linear layout, bound to a view model's devices collection via a XAML data template.

Explore the acrylic effect, blending transparency and blur to create elegant design, as seen in Fluent Design, Windows, and macOS, and implement it in dotnet maui.

Create a MAUI project and apply the acrylic effect with AcrylicView to achieve transparent, blurred backgrounds, using tint colors, opacity, and extra light, light, dark, and extra dark presets.

Learn how to componentize a Maui screen by creating reusable, customizable components, structure repeated elements like temperature and humidity cards, and plan for shared borders, labels, and icons.

Learn to componentize a border into a reusable content view in .NET MAUI, exposing bindable properties for title and image address and binding them to the template.

Design and implement a fully customized tab layout in dotnet maui using a grid, a self-made tab control, and icons, with a scrollable content area.

Build a customized tab view in .NET MAUI by swapping content views inside a grid through tap gestures, enabling home, calendar, report, and profile screens with MVVM support.

Master the control template in .NET MAUI to centralize header, footer, and navigation across screens, enabling reusable layouts and universal search across pages.

Turn built parts into a reusable control template and move it to a global resource in App.xaml for cross-screen reuse, with terms of use navigation.

Learn to implement mvvm in dotnet maui by creating a view model, installing the mvvm community toolkit with nuget, and binding a button to a command.

Install and configure uranium ui and the material for .net maui, merge styles in app.xaml, and integrate icons and dialogs to build polished graphical interfaces.

Explore uranium UI to achieve a uniform cross-platform look in Maui apps, featuring material text fields, icon fonts, tab views, bottom sheets, and data grids.