Building a Healthcare UI with .NET MAUI

Some designs step outside the conventional and push you to get creative in code. Leomaris Reyes takes a Dribbble doctor-appointment concept and rebuilds it in .NET MAUI, breaking the UI into clear blocks and explaining each with the exact XAML.

What you’ll learn

• Overlapping, rotated cards — using Rotation, TranslationX, and TranslationY to create the eye-catching intro layout
• Telerik UI for .NET MAUI — building cards, buttons, and containers with RadBorder and RadButton
• Structuring pages with grids — laying out the intro, header, appointment, and available-doctors sections
• A multi-column CollectionView — using GridItemsLayout with Span to show items in columns instead of a plain list
• A block-by-block workflow — visual diagrams and step-by-step screenshots that track progress as the UI comes together

Read the full article for every code snippet and the finished two-screen result.