Replicating a Travel App in .NET MAUI

Great UIs start with thoughtful planning, and Leomaris Reyes puts that into practice by recreating a modern travel app design from scratch. She divides the layout into labelled blocks and builds each one with accompanying code and progress screenshots.

What you’ll learn

• Planning before coding — analyzing a design, splitting it into blocks, and choosing the right layout for overlapping effects
• Overlapping image and text — using a Grid with TranslationY to float titles over a hero image
• Sign-in and content cards — building rounded white containers with Telerik RadBorder and styling buttons with RadButton
• Multi-colored text — using FormattedText and Span instead of stacking multiple labels
• Data-driven sections — rendering benefits and pricing plans with CollectionView and item templates

Read the full walkthrough for the complete XAML for each block and the finished two-screen result.