A curated list of awesome Xamarin.Forms samples to show how to create goodlooking UI with Xamarin.Forms.
Work in progress. Contributions are always welcome!
Would you like to see a list of published applications made with Xamarin.Forms?. Thank you David Ortinau for the list!
Sample Xamarin.Forms 3.0 Phone App showed in Microsoft Build 2018. Use your camera during a conference to capture your experience. Let Vision do the heavy lifting of identifying known products and scan your images to text for easier searching.
Android, iOS & UWP.
- Xamarin.Forms 3.0
- FlexLayout
- CSS
- VisualStateManager
- Custom Vision
- Computer Vision API
- Source code: https://github.com/Microsoft/ConferenceVision
Travelers are always on the go, so SmartHotel360 offers a beautiful fully-native cross-device mobile app for guests and business travelers built with Xamarin.
Android, iOS & UWP.
- Custom animations from XAML.
- Custom Map.
- SkiaSharp Charts.
- Xamarin.Forms Native Forms.
- Live Player.
- NFC.
BikeSharing360 is a fictitious example of a smart bike sharing system with 10,000 bikes distributed in 650 stations located throughout New York City and Seattle. Their vision is to provide a modern and personalized experience to riders and to run their business with intelligence. Was a demo in the Connect(); 2016.
Android, iOS & UWP.
- Custom animations from XAML.
- Custom Map.
A bike activity App. Sample to show Microcharts usage.
Android, iOS & UWP.
- SkiaSharp charts.
- Source code: https://github.com/aloisdeniel/Microcharts.Samples
- Author: Aloïs Deniel
Xamarin Evolve 2016 Mobile App.
This app is around 15,000 lines of code. The iOS version contains 93% shared code, the Android version contains 90% shared code, the UWP has 99% shared code, and our Azure backend contains 23% shared code with the clients!
Android, iOS & UWP.
- Azure + Online/Offline Sync
- Barcode Scanning
- Calendar Integration
- Maps & Navigation
- Push Notifications
- Phone Dialer
- Wi-Fi configuration
- URL Navigation (Universal Links + Google App Indexing)
- Source code: https://github.com/xamarinhq/app-evolve
- Authors: James Montemagno & Pierce Boggan
ListView with transparent background and a purple gradient behind.
Android, iOS & UWP.
- Custom ViewCells.
- Blog: Xamarin.Forms Layout Challenges – Great Places
- Source code: https://github.com/kphillpotts/XamarinFormsLayoutChallenges
- Author: Kym Phillpotts
Samples to show that Xamarin.Forms is capable of creating something that looks really good.
Android & iOS.
- Find a Vet
- Phoenix Peaks
- Jobbberr
- Woofer
- HeatMap
- Hot Sauce
- Findr
- MallDash
- Source code: https://github.com/awolf/Xamarin-Forms-InAnger
- Author: Adam J Wolf
Android, iOS & UWP.
- Custom Entry.
- Circle Images.
- Blog: Creating The Instagram UI In Xamarin.Forms
- Source code: https://github.com/adamped/Instagram
- Author: Adam Pedley
This sample show how to recreate a beautifull Social Network profile type page in Xamarin.Forms.
- Curved header Image.
- Profile Image that overlaps the header.
- Blog: Xamarin.Forms Layout Challenges – Social Network App
- Source code: https://github.com/kphillpotts/XamarinFormsLayoutChallenges
- Author: Kym Phillpotts
A simple (but beautiful) Xamarin.Forms tutorial screen.
Android & iOS.
- Blog: Creating a simple but good-looking app tutorial
- Source code: https://github.com/sthewissen/KickassUI.FancyTutorial
- Author: Steven Thewissen
A Xamarin.Forms version of the Runkeeper App.
Android & iOS.
- Custom Tabs.
- Custom fonts in the page header.
- Custom logo in page header.
- Carousel.
- Custom Map.
- Blog: Creating a good-looking Xamarin Forms UI: Runkeeper
- Source code: https://github.com/sthewissen/KickassUI.Runkeeper
- Author: Steven Thewissen
A Xamarin.Forms version of the Spotify App.
Android & iOS.
- Translucent navigation bar.
- Blurred fullscreen background.
- Custom Slider.
- Blog: Creating a good-looking Xamarin Forms UI: Spotify
- Source code: https://github.com/sthewissen/KickassUI.Spotify
- Author: Steven Thewissen
A Xamarin.Forms version of the Twitter App.
Android & iOS.
- Android floating action button.
- MasterDetailPage custom icon.
- Custom Tabs (colors).
- Blog: Creating a good-looking Xamarin Forms UI: Twitter
- Source code: https://github.com/sthewissen/KickassUI.Twitter
- Author: Steven Thewissen
A timeline of activities. This is useful for things like transportation schedules or class times.
Android, iOS & UWP.
- ListView Header and Footer.
- Custom ViewCell.
- Blog: Xamarin.Forms Layout Challenges – Timeline
- Source code: https://github.com/kphillpotts/XamarinFormsLayoutChallenges
- Author: Kym Phillpotts
A Xamarin.Forms version of the Netflix App.
Android & iOS.
- Horizontal List.
- Transparent NavigationBar on Android and iOS.
- Parallax effect.
- Multi-column List.
- Blog: Creando la interfaz de Netflix con Xamarin.Forms
- Source code: https://github.com/jsuarezruiz/xamarin-forms-netflix-sample
- Author: Javier Suárez
A Xamarin.Forms version of the Facebook App.
Android, iOS & UWP.
- Right Slide Bar.
- Disappearing NavigationBar.
- Like Animations.
- Blog: Beautiful Xamarin – Facebook Clone in Xamarin.Forms
- Source code: https://github.com/XAM-Consulting/FacebookForms
- Author: Michael Ridland
Movies is a Xamarin.Forms GTK backend application that makes use of The Movie Database (TMDb) API to demonstrate the possibilities of the new backend making use of a great variety of functionality.
Android, iOS, Linux (GTK), macOS, UWP and Windows (WPF).
- MasterDetailPage.
- Maps.
- Gtk Themes.
- Desktop Apps for Linux, macOS and Windows.
- Source code: https://github.com/jsuarezruiz/xamarin-forms-gtk-movies-sample
- Author: Javier Suárez
WalkthroughApp is a Xamarin.Forms application that makes use CarouselView and Lottie, to demonstrate the possibilities of creating a fluid and powerful Walkthrough without requiere Custom Renderers.
Android, iOS.
- CarouselView
- Lottie
- Animations
- Source code: https://github.com/jsuarezruiz/xamarin-forms-walkthrough
- Author: Javier Suárez
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent