Replicating a Ticket Screen in .NET MAUI | Community Feed

Combining a love of travel with UI practice, Leomaris Reyes replicates a boarding-pass design inspired by Dribbble. She breaks it into blocks and builds each part with clear code and step-by-step screenshots.

What you’ll learn

Structuring the ticket — using Telerik RadBorder as the main rounded container with custom corner radius, padding, and margin
Laying out passenger details — organizing airline, route, gate, seat, and booking info with nested Grids, Labels, and Line separators
The perforated edge effect — placing Ellipse shapes to simulate the cut-out notches that make it read as a real ticket
Reusable layout techniques — combining Shapes, Grid, and Border to recreate complex designs in a simple, maintainable way

Read the full article for the complete XAML and tips on approaching similar UI challenges in your own apps.