Home

Awesome

Xamarin.Forms goodlooking UI Samples PRs Welcome

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!

Would you like to see more goodlooking UI samples?. Do you know Snppts?

Xamarin Formula 1 App

Formula 1 App is a simple app developed with Xamarin to display information about drivers, teams, circuits and seasons from 1950 to the current season. The app is developed in Xamarin Shell and Ergast API. In the Schedule screen, you can see the current season calendar and information about circuits and results for the finished races. In the Drivers and Teams screens, you can see current standings and information about them. In the History screen, you can select a season and see the schedule, driver and team standings for that season. The app is available in both light and dark mode.

<img src="images/xamarin-formula1.png" Width="800" />

Platforms

Android, iOS.

Features:

More information:

Xamarin ToDo App

Todo App is a simple to do app developed with Xamarin and Firebase. The app allows you to create an account and login to create tasks and organize them into lists. You can see the tasks for the selected date in realtime mode, edit and delete them with swipe action, reorder them using drag and drop action and filter them by list from More screen. From Profile screen you can hide completed tasks on the main screen and see the total number of tasks, of completed tasks and lists that you created for your account. The app is available in both light and dark mode.

<img src="images/xamarin-todoapp.png" Width="800" />

Platforms

Android, iOS.

Features:

More information:

GamingStore

Replicate design: https://www.uplabs.com/posts/game-store-ui-concept

Features:

<img src="images/gamingstore.gif" Width="200" />

Platforms

Android, iOS.

Features:

More information:

ShapeAnimatedTransitions

Cool transition animations with Shapes in Xamarin.Forms.

<img src="images/shapeanimatedtransitions01.gif" Width="200" /> <img src="images/shapeanimatedtransitions02.gif" Width="200" />

Platforms

Android, iOS.

Features:

More information:

Fishing

A Xamarin.Forms UI Challenge

<img src="images/fishing.webp" Width="600" />

Original Design: https://dribbble.com/shots/15278108-Fisherman-s-Fishing-Mobile-Apps

Platforms

Android, iOS.

Features:

More information:

Facebook Mobile Login Clone

Clone of Facebook Login UI Design in Xamarin Forms

<img src="images/fb-login-clone.png" Width="220" />

Platforms

Android, iOS.

Features:

More information:

Uvento

Replicating this Dribbble design in Xamarin.Forms.

<img src="images/uvento.gif" Width="220" />

Platforms

Android, iOS.

Features:

More information:

MiniLauncher

Apple Watch launcher recreated with pure Xamarin.Forms.

<img src="images/minilauncher.gif" Width="200" />

Platforms

Android, iOS.

Features:

More information:

ChristmasShopping UI

UI replicated in Xamarin Forms.

⚠ Design obtained from Dribble. -> https://dribbble.com/shots/14814593-Chirstmas-Shopping-App

<img src="images/christmasshopping.png" Width="600" />

Platforms

Android, iOS.

Features:

More information:

BillDetail

UI replicated in Xamarin Forms.

⚠ Design obtained from Dribble. -> https://dribbble.com/shots/14274577/attachments/5925600?mode=media

<img src="images/billdetail.png" Width="600" />

Platforms

Android, iOS.

Features:

More information:

Border Gradient Animation

Border Gradient Animation in Xamarin Forms.

You can watch the video here 👉 https://youtu.be/bS0N6U-Ei78

<img src="images/bordergradientanimation.gif" Width="600" />

Platforms

Android, iOS.

Features:

More information:

Restaurant App

Building this beautiful Restaurant App in Xamarin Forms and spicing it up with some animations was made possible with Xamarin.Forms Shapes class and CarouselView.

You can watch the video here 👉 https://youtu.be/6gb_iRj_BYU

<img src="images/restaurantapp.gif" Width="600" />

Platforms

Android, iOS.

Features:

More information:

Cakes Mobile App

UI challenge in Xamarin.Forms. Original design from Ghulam Rasool.

https://youtu.be/Lq7-2PzsSpY

<img src="images/cakesmobileapp.gif" Width="220" />

Platforms

Android, iOS.

Features:

More information:

DevsDNA application

Open Source Xamarin.Forms application with the company lastest news, social networks, team members, etc.

<img src="images/devsdna01.jpg" Width="220" /> <img src="images/devsdna02.jpg" Width="220" />

Platforms

Android, iOS.

Features:

The application has been developed with Xamarin Forms, using controls like CollectionView or CarouselView. Also, we use some community developed NuGet packages:

More information:

Sneakers UI

Replicate a Sneaker UI App obtained from Dribble. You can check the design here.

<img src="images/sneakersui.png" Width="600" />

Platforms

Android, iOS.

Features:

More information:

Streaming UI

Replicate a Streaming UI App obtained from Dribble. You can check the design here.

<img src="images/streamingui.jpg" Width="600" />

Platforms

Android, iOS.

Features:

More information:

Real Estate Property details UI

Replicate a Real Estate UI obtained from Dribble. You can check the design here.

<img src="images/realestateui.png" Width="600" />

Platforms

Android, iOS.

Features:

More information:

Raw Rows

The "Raw Rows" is a sliding puzzle that consists of a frame of numbered square tiles in random order with one tile missing. The object of the puzzle is to place the tiles in order by making sliding moves that use the empty space.

<img src="images/rawrows.gif" Width="240" />

Download:

Platforms

Android, iOS.

Features:

More information:

Menu Transition

Seemless transition is an essential part of user experience design and this project implements a custom menu transition from a title view in Xamarin Forms.

You can watch the video here ➤ https://youtu.be/768kDDR-0BY

<img src="images/menutransition.gif" Width="600" />

Platforms

Android, iOS.

Features:

More information:

AnimatedText

Animations can add visual cues about what’s going on in your app and are especially useful when the state of your UI changes, such as when new content loads or new actions become available.

You can watch the video here ➤ https://youtu.be/ModuAWkv5K8

<img src="images/animatedtext.gif" Width="600" />

Platforms

Android, iOS.

Features:

More information:

AnimatedGradient

Gradients have positive influence in modern designs. Xamarin.Forms 4.8 introduced the Xamarin.Forms Brushes that contain LinearGradientBrush, RadialGradientBrush and SolidColorBrush.

You can watch the video here ➤ https://youtu.be/ejDwwc1Iq1s

<img src="images/animatedgradient.gif" Width="600" />

Platforms

Android, iOS.

Features:

More information:

Cinema App

Ever wondered how to replicate the cinema seats arrangements in Xamarin.Forms?

You can watch the video here ➤ https://youtu.be/j_nVou7lNz0

<img src="images/cinemaapp.gif" Width="600" />

Platforms

Android, iOS.

Features:

More information:

Furniture App

App concept developed with Xamarin.Forms.

<img src="images/furnitureapp.gif" Width="240" />

Platforms

Android, iOS.

Features:

More information:

WatchShop

The Clip property of controls in Xamarin.Forms allows you to change the shape of your control. We will explore the use of this property as we design a Watch Shop Ecommerce App in Xamarin Forms.

You can watch the video here ➤ https://youtu.be/pb-2bXWhuMo

<img src="images/watchshop.gif" Width="600" />

Platforms

Android, iOS.

Features:

More information:

DarkStore

Xamarin Forms Dark Store UI Design.

<img src="images/darkstore.png" Width="600" />

Platforms

Android, iOS.

Features:

More information:

Delivery

Xamarin.Forms App.

<img src="images/delivery.gif" Width="240" />

Platforms

Android, iOS.

Features:

More information:

Kidzee Games

Xamarin.Forms App.

<img src="images/kidzeegames.gif" Width="240" />

Platforms

Android, iOS.

Features:

More information:

Art Store

Xamarin.Forms App.

<img src="images/artstore.gif" Width="220" />

Platforms

Android, iOS.

Features:

More information:

E-commerce Liquors

Xamarin.Forms App.

<img src="images/liquors01.jpg" Width="220" /> <img src="images/liquors02.jpg" Width="220" />

Platforms

Android, iOS.

Features:

More information:

CalendarUI

Replicate a Calendar / Schedule UI obtained from Dribble. You can check the design here!

<img src="images/calendarui.png" Width="600" />

Platforms

Android, iOS.

Features:

More information:

LoginPage

Making use of the Xamarin.Forms Shapes and Xamarin.Forms MediaElement to create an elegant login page in xamarin forms.

You can watch the video here ➤ https://youtu.be/X3ZND30zI_A

<img src="images/loginpage.gif" Width="600" />

Platforms

Android, iOS.

Features:

More information:

EventTracker

Let's make use of the Xamarin.Forms Expander to create an animated expandable list in Xamarin Forms.

You can watch the video here ➤ https://youtu.be/ndF5we5_Ijw

<img src="images/eventtracker.gif" Width="600" />

Platforms

Android, iOS.

Features:

More information:

E-commerce HeadPhones App

App concept developed with Xamarin.Forms. Design: https://www.uplabs.com/posts/ecommerce-app-ui-concept

<img src="images/ecommerce-headphones.gif" Width="240" />

Platforms

Android, iOS.

Features:

More information:

iBakePancakes

A fancy UI sample for an app providing pancake recipes, based on: https://dribbble.com/shots/4476011-Cook-Book-App-Design.

<img src="images/ibakepancakes.jpg" Width="600" />

Platforms

Android, iOS.

Features:

More information:

SwipeMenu

Creating a custom side menu in Xamarin.Forms using Swipe View.

You can watch the video here ➤ https://www.youtube.com/watch?v=1Vs4T6pEi_

<img src="images/swipemenu.gif" Width="600" />

Platforms

Android, iOS.

Features:

More information:

XamNike

Replicate Uplabs Nike App design in Xamarin.Forms.

<img src="images/xamnike.png" Width="240" />

Platforms

Android, iOS.

Features:

More information:

TravelApp

Implement a Flip Animation in Xamarin.Forms.

You can watch the video here ➤ https://youtu.be/VSNFLBGJEXs

<img src="images/travelapp-flipview.png" Width="600" />

Platforms

Android, iOS.

Features:

More information:

AgendaApp

Let’s make use of the Xamarin.Forms Expander to create and expandable list in Xamarin Forms.

Creating an expandable list in Xamarin Forms use to be tricky but now with the new Expander in Xamarin Forms, it is quite easy.

You can watch the video here ➤ https://youtu.be/rT3LwzSsMmo

<img src="images/forms-expander.gif" Width="600" />

Platforms

Android, iOS.

Features:

More information:

FlightUISample

Replicate a Flight UI obtained from Dribbble (Gleb Kuznetsov✈) using Xamarin.Forms.

<img src="images/flightuisample.gif" Width="600" />

Platforms

Android, iOS.

Features:

More information:

Coffeeffee

Implementation of a coffee shopping UI using Xamarin.Forms.

<img src="images/coffeeffee.png" Width="600" />

Platforms

Android, iOS.

Features:

More information:

Play Video in Xamarin.Forms

Learn how to design a COMPLETE Video Player in Xamarin Forms.

You can watch the video here ➤ https://youtu.be/mLJe5yxq_7o

<img src="images/playvideoxamarinforms.jpg" Width="600" />

Platforms

Android, iOS.

Features:

More information:

Play Audio in Xamarin.Forms

Learn how to design a COMPLETE Music Player in Xamarin Forms. In this video, we will make use of the Media Manager Plugin to make a music player app in Xamarin Forms and at the end you will see that music player in xamarin forms in quite easy.

You can watch the video here ➤ https://youtu.be/7plenjrcloM

<img src="images/playaudioxamarinforms.png" Width="600" />

Platforms

Android, iOS.

Features:

More information:

Xamarin.Forms Wallet CreditCard

Xamarin.Forms Wallet CreditCard.

<img src="images/walletcreditcard01.jpg" Width="240" /> <img src="images/walletcreditcard02.jpg" Width="240" />

Platforms

Android, iOS.

Features:

More information:

Nomadic

Microsoft News is built with Xamarin. I wondered… can I build the same 🤔? So I set out on this journey, I called it Nomadic.

<img src="images/nomadic.gif" Width="240" />

Platforms

Android, iOS.

Features:

Blog posts:

More information:

AlarmApp

In this Xamarin Forms Tutorial we will be looking at creating Clock Animation in Xamarin Forms. We will be making use of the SkiaSharp 2D Drawing engine to create a beautiful clock and alarm design.

You can watch the video here ➤ https://youtu.be/JbpDyRfaOqM

<img src="images/alarmapp.gif" Width="600" />

Platforms

Android, iOS.

Features:

More information:

Burger Shop App

Xamarin Forms has awesome tools and controls to create modern user interface suc as Collection View & Carousel View.

This is the source code of a video, where you will learn the process of creating a Burger Shop App in Xamarin Forms using Collection View, Carousel View & the MVVM architectural pattern.

You can watch the video here ➤ https://youtu.be/mbqzKf7HVcQ

<img src="images/burguershopapp.png" Width="600" />

Platforms

Android, iOS.

Features:

More information:

PropertyApp

The concept of animation in Xamarin Forms will be explained by designing a Real-Estate Property App, where I also explained how to work with embedded fonts, gradients, custom renderers and visual state manager.

You can watch the video here ➤ https://youtu.be/WDw9R8seqMo

<img src="images/propertyapp.gif" Width="600" />

Platforms

Android, iOS.

Features:

More information:

Free Chat

This is a sample Xamarin.Forms application demonstrating how to build a user interface for a chat app. Inspired by https://dribbble.com/shots/10446738-Direct-messaging-mobile-app-design.

<img src="images/freechat.gif" Width="240" />

Platforms

Android, iOS.

Features:

More information:

EcommerceXF

Ecommerce design with Xamarin Forms. Design based on https://www.uistore.design/items/shopping-ui-kit-for-adobe-xd/.

<img src="images/ecommercexf.gif" Width="240" />

Platforms

Android, iOS.

Features:

More information:

MbongoUIApp

Mbongo means Money translating into Portuguese. Developed with the intention of practice and increasing productivity creating screens with Xamarin.Forms.

<img src="images/mbongouiapp.jpg" Width="600" />

Platforms

Android, iOS.

Features:

More information:

NeomorphismSmartHomeApp

Smart Home App UI by Amit kumar using Xamarin.Forms.NeoControls.

<img src="images/neomorphismsmarthomeapp01.gif" Width="220" /> <img src="images/neomorphismsmarthomeapp02.gif" Width="220" />

Platforms

Android, iOS.

Features:

More information:

ShoppingList

Xamarin.Forms goodlooking UI sample using the new Expander Control. Based on Shopping List design by Hila Peleg.

<img src="images/shopinglist.gif" Width="600" />

Platforms

Android, iOS.

Features:

More information:

Xamarin.Forms Covid-19 Live

Developed with the aim of tracking Covid-19 cases with data from affected countries.

<img src="images/covid19-altevir01.png" Width="220" /> <img src="images/covid19-altevir02.png" Width="220" />

Platforms

Android, iOS.

Features:

More information:

Photostock

Xamarin.Forms PhotoStock UI design.

<img src="images/photostock.png" Width="600" />

Platforms

Android, iOS.

Features:

More information:

TurnipTracker

Animal Crossing Turnip Tracking Mobile App.

<img src="images/turniptracker.gif" Width="220" />

Platforms

Android, iOS.

Features:

More information:

Covid19.Forms

Xamarin.Forms Covid19 Tracker App

<img src="images/covid1901.jpg" Width="220" /> <img src="images/covid1902.jpg" Width="220" />

Platforms

Android, iOS.

Features:

More information:

FreshApp

Xamarin.Forms fresh e-commerce app.

<img src="images/freshapp.gif" Width="220" />

Platforms

Android, iOS.

Features:

More information:

Exotic Fruits App

Replicating Exotic Fruits App in Xamarin Forms.

<img src="images/exotic-fruits.png" Width="600" />

Platforms

Android, iOS.

Features:

More information:

XamarinFormsProfilePage

Xamarin.Forms Profile Page.

<img src="images/xamarinformsprofilepage.gif" Width="220" />

Platforms

Android, iOS.

Features:

More information:

PlacesApp

Xamarin.Forms travel app UI.

<img src="images/placesapp.gif" Width="220" />

Platforms

Android, iOS.

Features:

More information:

ModernDesign

Modern UI using Xamarin Forms.

<img src="images/moderndesignxf.jpeg" Width="220" />

Platforms

Android, iOS.

Features:

More information:

FashionStore

Xamarin.Forms Fashion Store UI.

<img src="images/fashionstore.gif" Width="220" />

Platforms

Android, iOS.

Features:

More information:

YogaUI

UI exercise using C# UI, Xplat Images and Fonts, and LiveSharp.

<img src="images/yogaui.png" Width="220" />

Platforms

Android, iOS and UWP.

Features:

More information:

Chased Home UI Design

Xamarin.Forms goodlooking UI sample.

<img src="images/chased-home-ui-design.png" Width="220" />

Platforms

Android, iOS.

Features:

More information:

FlightBookingApp

Xamarin.Forms goodlooking UI sample using SwipeView to create a custom Pull to Refresh effect.

<img src="images/swipe-lottie.gif" Width="220" />

Platforms

Android, iOS.

Features:

More information:

TravelAppSample

UI replicated in Xamarin Forms. ⚠ Design obteined from Dribble. -> https://dribbble.com/shots/9061096-Travel-App

<img src="images/travelui.png" Width="600" />

Platforms

Android, iOS.

Features:

More information:

XamarinTV

Xamarin.Forms app demonstrating the dual-screen device capability for neo and duo devices .

<img src="images/xamarintv.png" Width="600" />

Platforms

Android, UWP.

Features:

More information:

UserProfile UI

UI replicated in Xamarin Forms. Design obteined from Dribble: https://dribbble.com/shots/9033707-Daily-UI-006-User-Profile

<img src="images/userprofileprincipal.png" Width="600" />

Platforms

Android, iOS.

Features:

More information:

FoodDeliveryAppDuo

Xamarin.Forms good looking UI sample for Surface Duo.

<img src="images/fooddeliveryduoapp.gif" Width="600" />

Platforms

Android.

Features:

More information:

Food UI Sample

A Xamarin.Forms sample based on the dribble designs by Rajat.

<img src="images/replicatingfoodimage.png" Width="600" />

Platforms

Android, iOS.

Features:

More information:

XamCall

Xamarin.Forms Call Screen UI.

<img src="images/xamcall.gif" Width="240" />

Platforms

Android, iOS.

Features:

More information:

XamUIDemo

Xamarin.Forms Login Screen UI.

<img src="images/xamuilogin.png" Width="600" />

Platforms

Android, iOS.

Features:

More information:

Cruise Mobile UI

A Xamarin.Forms UI Challenge based on the fantastic dribble designs by Tamo Miqeladze.

<img src="images/cruisemobileui-list.png" Width="220" /> <img src="images/cruisemobileui-detail.png" Width="220" />

Features:

More information:

FurnitureStore

A Xamarin.Forms UI Challenge based on the fantastic dribble designs by UXIS.

<img src="images/furniturestore.png" Width="600" />

Features:

More information:

MountainTripSample

Super nice UI inspired by Mountain Trip Design.

<img src="images/mountaintripsample.gif" Width="800" />

Platforms

Android, iOS.

Features:

More information:

FavFighters

Xamarin.Forms goodlooking UI sample using the new SwipeView.

<img src="images/favfighters.gif" Width="260" />

Platforms

Android, iOS.

Features:

More information:

FacebookUISample

Replicate the Facebook profile page with Xamarin.Forms.

<img src="images/facebookuisample02.png" Width="220" /> <img src="images/facebookuisample01.png" Width="220" />

Platforms

Android, iOS.

Features:

More information:

FlyMe

This is a Xamarin.Forms sample app showcasing the use of Material Design and CollectionView within the new Shell container. Demo presented at Microsoft Ignite 2019.

<img src="images/book_tabs_droid.png" Width="220" /> <img src="images/myflights_tabs_droid.png" Width="220" /> <img src="images/results_tabs_grid_droid.png" Width="220" />

Platforms

Android, iOS and UWP.

Features:

More information:

IcelandMoss

A Xamarin.Forms UI Challenge.

<img src="images/icelandmoss.png" Width="250" />

Platforms

Android, iOS.

Features:

More information:

Credit Card Checkout

This UI Challenge is based on the fantastic dribble designs by Antra Sharma.

CreditCardCheckout

Platforms

Android, iOS.

Features:

More information:

DrinksGalleryApp

Xamarin.Forms goodlooking UI sample using the new CarouselView (Parallax).

<img src="images/drinkgalleryapp.gif" Width="250" />

Platforms

Android, iOS.

Features:

More information:

Pretty Weather

A very pretty weather application built with Xamarin.Forms.

Pretty Weather

Platforms

Android, iOS.

Features:

More information:

TravellingApp

Xamarin.Forms goodlooking UI sample using the new CarouselView.

<img src="images/travellingapp.gif" Width="250" />

Platforms

Android, iOS.

Features:

More information:

WeatherApp

Beautiful WeatherApp UI in Xamarin.Forms.

<img src="images/weatherapp.png" Width="250" />

Platforms

Android, iOS.

Features

More information:

UnZone

This UI Challenge is based on the fantastic dribble designs by Rick Waalders.

https://dribbble.com/shots/1551934-Unzone-Details-popup-animation

UnZone

Platforms

Android, iOS.

Features

More information:

BookSwap

This UI Challenge is based on the fantastic dribble designs by Tubik.

BookSwap

Platforms

Android, iOS.

Features

More information:

FashionApp

Beautiful Fashion App Design Using Xamarin.Forms.

<img src="images/fashionapp.png" Width="250" />

Platforms

Android, iOS.

Features

More information:

MarvelCards

A Xamarin.Forms UI Challenge based on https://dribbble.com/shots/5935613-Marvel-Movies-Interaction.

MarvelCards

Platforms

Android, iOS.

Features

More information:

SyncFusion Essential UI Kit for Xamarin.Forms

Elegantly designed XAML templates for Xamarin.Forms apps. These templates follow the MVVM design pattern to provide hassle-free integration and are compatible with Android, iOS, and UWP platforms.

SyncFusion Essential UI Kit for Xamarin.Forms

Platforms

Android, iOS and UWP.

Features

More information:

AirNZClone

Air NZ app clone using Xamarin.Forms.

<img src="images/airnzclone.gif" Width="250" />

Platforms

Android, iOS.

Features:

More information:

Balloony

Xamarin Forms UI Challenge based on Ballon Slider Control design.

<img src="images/balloony.gif" Width="250" />

Platforms

Android, iOS.

Features:

More information:

PlayMusicXamarinClone

Google Play Music app clone using Xamarin.Forms Shell.

<img src="images/playmusicclone01.png" Width="220" /> <img src="images/playmusicclone02.png" Width="220" />

Platforms

Android, iOS.

Features:

More information:

FabulousTravel

A beautiful Xamarin Forms sample using Atomic Design, F# and Fabulous.

<img src="images/fabuloustravel.png" Width="500" />

Platforms

Android, iOS.

Features:

More information:

FicusUIChallenge

Xamarin.Forms UI Challenge Ficus IoT App.

<img src="images/ficusuichallengepujolsluis.gif" Width="500" />

Platforms

Android, iOS.

Features:

More information:

XamBookLibrary

Xamarin.Forms UI challenge from the design by Victoria Sgarro.

<img src="images/xambooklibrary.gif" Width="250" />

Platforms

Android, iOS.

Features:

More information:

Art Plant Mall

A Xamarin.Forms UI challenge from the design by JIANGGM.

<img src="images/artplantmall01.gif" Width="250" /> <img src="images/artplantmall02.gif" Width="250" />

Platforms

Android, iOS.

Features:

More information:

Run Away!

The Run Away! app: Drawing gradient lines on top of Maps with SkiaSharp.

<img src="images/runaway01.jpg" Width="250" /> <img src="images/runaway02.jpg" Width="250" />

Platforms

Android, iOS.

Features:

More information:

RottenUI

A Xamarin.Forms UI Challenge.

<img src="images/rottenui.png" Width="250" />

Platforms

Android, iOS.

Features:

More information:

Mountain Mobile

A Xamarin.Forms UI Challenge playing with SkiaSharp and animations.

<img src="images/mountainmobile.gif" Width="250" />

Platforms

Android, iOS.

Features:

More information:

Payment UI Sample

A beautiful credit card payment UI, inspired by the following UI from CVTemplates.

<img src="images/paymentuisample.gif" Width="250" />

Platforms

Android, iOS.

Features:

More information:

xUber

Uber Clone using Xamarin.Forms.

<img src="images/xuber.png" Width="800" />

Platforms

Android, iOS.

Features:

More information:

KickassUI.Banking

A Xamarin.Forms version of a banking app concept, showing off how to use a base page.

<img src="images/banking.jpg" Width="800" />

Platforms

Android, iOS.

Features:

More information:

YellowClone

A Yellow App clone made with Xamarin.Forms.

<img src="images/yellowclone01.png" Width="180" /> <img src="images/yellowclone02.png" Width="180" /> <img src="images/yellowclone03.png" Width="180" />

Platforms

Android, iOS.

Features:

More information:

Xamarin CloudMusic

A Xamarin.Forms version of the NeteaseCloudMusic app.

<img src="images/cloudmusic.gif" Width="250" />

Platforms

Android, iOS.

Features:

More information:

DayVsNight

A Xamarin.Forms UI Challenge.

<img src="images/dayvsnight.png" Width="250" />

Platforms

Android, iOS.

Features:

More information:

WhatsAppUI

WhatsApp UI in Xamarin.Forms.

WhatsApp

Platforms

Android, iOS.

Features:

More information:

EMI Calculator by Syncfusion

The EMI (Equated Monthly Instalment) Calculator is an application developed using Xamarin.Forms and Syncfusion controls to calculate the EMI with the given details of principal amount, tenure, and interest.

Xamarin.Forms EMI Calculator

Platform

Android, iOS.

Features:

More information:

Source code: https://github.com/syncfusion/xamarin-showcase-emi-calculator

This project uses the following Syncfusion controls:

Timeline With Images

Awesome UI: Timeline with images in Xamarin.Forms.

Timeline

Platforms

Android, iOS.

Features:

More information:

ArtNews

Xamarin.Forms good looking UI sample. This sample is based on Art News App designed by Shirley Yao.

<img src="images/artnews.gif" Width="320" />

Platforms

Android, iOS.

Features:

More information:

ArtAuction

A Xamarin.Forms Layout challenge. From the design found at: https://dribbble.com/shots/6177235-Valuable-Auction-Product-Page by Alex Pesenka.

<img src="images/artauction.gif" Width="320" />

Platforms

Android, iOS, UWP.

Features:

More information:

TimelinePulse

Xamarin.Forms good looking UI sample. This sample is based on Timeline Profile Screen designed by Anton Aheichanka.

<img src="images/timeline-pulse.gif" Width="320" />

Platforms

Android, iOS.

Features:

More information:

KickassUI.Traveler

A Xamarin.Forms version of the Traveler app to prove you can create good-looking UI with Xamarin.Forms.

<img src="images/traveler.png" Width="600" />

Platforms

Android, iOS.

Features:

More information:

AnimatedHighlightApp

A Xamarin.Forms application with form highlight animation using SkiaSharp and Xamarin.Forms built-in animations.

<img src="images/animatedhighlightapp.gif" Width="320" />

Platforms

Android, iOS.

Features:

More information:

My Tasks

A Xamarin.Forms version of the Filter Menu design by Anton Aheichanka to prove you can create goodlooking UI with Xamarin.Forms.

<img src="images/forms-tasks.gif" Width="320" />

Platforms

Android, iOS.

Features:

More information:

KickassUI.Chameleon

A Xamarin.Forms version of the Chameleon app to prove you can create goodlooking UI with Xamarin.Forms.

<img src="images/chameleon.png" Width="320" />

Platforms

Android, iOS.

Features:

More information:

BindableLayoutPlayground

A Xamarin.Forms sample to show how to use Bindable Layout. This sample is based on User Profile Screen designed by Hernan Vionnet.

<img src="images/BindableLayoutPlayground.gif" Width="320" />

Platforms

Android, iOS & UWP.

Features:

More information:

Tailwind Traders

A fictitious retail company showcasing the future of intelligent mobile application experiences.

<img src="images/tailwindtraders.png" Width="800" />

Platforms

Android & iOS.

Features:

More information:

Posy

A simple but good looking Xamarin.Forms UI screen.

<img src="images/posy.gif" Width="320" />

Platforms

Android & iOS.

Features:

More information:

KickassUI.ParallaxCarousel

A Xamarin.Forms Carousel using a nice parallax effect.

<img src="images/parallaxcarousel.gif" Width="320" />

Platforms

Android & iOS.

Features:

More information:

PulseMusic

A Xamarin.Forms music player sample.

<img src="images/pulsemusic.gif" Width="320" />

Platforms

Android & iOS.

Features:

More information:

Martin Finkel has created a version of the application with real player using libvlcsharp.

Restaurant-App

Restaurant App is a sample open source application, powered by ASP.NET Core 2.1 and Xamarin.Forms 3.0. It incorporates material design and provides us with an overview of how to build mobile and web applications with a clean architecture and write testable and clean code.

<img src="images/restaurantapp01.png" width="320" /> <img src="images/restaurantapp02.png" width="320" />

Platforms

Android, iOS & UWP for client app. ASP.NET Core 2.1 for server API.

Features:

More information:

My Trip Countdown

A Xamarin.Forms timer until your next vacation.

<img src="images/mytripcountdown.png" Width="800" />

Platforms

Android & iOS.

Features:

More information:

ConferenceVision

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.

<img src="images/conferencevision.png" Width="800" />

Platforms

Android, iOS & UWP.

Features:

More information:

SmartHotel

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.

<img src="images/smarthotel-home.png" Width="210" /> <img src="images/smarthotel-menu.png" Width="210" /> <img src="images/smarthotel-suggestions.png" Width="210" /> <img src="images/smarthotel-myroom.png" Width="210" />

Platforms

Android, iOS & UWP.

Features:

More information:

BikeSharing

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.

<img src="images/bikesharing-sign-up.png" Width="210" /> <img src="images/bikesharing-home.png" Width="210" /> <img src="images/bikesharing-menu.png" Width="210" /> <img src="images/bikesharing-new-ride.png" Width="210" />

Platforms

Android, iOS & UWP.

Features:

More information:

Bikr

A bike activity App. Sample to show Microcharts usage.

<img src="images/bikr.png" Width="600" />

Platforms

Android, iOS & UWP.

Features:

More information:

Evolve

Xamarin Evolve 2016 Mobile App.

<img src="images/evolve.png" Width="800" />

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!

Platforms

Android, iOS & UWP.

Features:

More information:

GreatPlaces

ListView with transparent background and a purple gradient behind.

<img src="images/greatplaces.gif" Width="210" />

Platforms

Android, iOS & UWP.

Features:

More information:

InAnger

Samples to show that Xamarin.Forms is capable of creating something that looks really good.

<img src="images/inanger.png" Width="600" />

Platforms

Android & iOS.

Samples

More information:

Instagram

<img src="images/instagram-login.png" Width="210" /> <img src="images/instagram-feed.png" Width="210" /> <img src="images/instagram-feed-ios.png" Width="210" /> <img src="images/instagram-feed-droid.png" Width="210" />

Platforms

Android, iOS & UWP.

Features:

More information:

Social Media

This sample show how to recreate a beautifull Social Network profile type page in Xamarin.Forms.

<img src="images/social-media.png" Width="210" />

Features:

More information:

KickassUI.FancyTutorial

A simple (but beautiful) Xamarin.Forms tutorial screen.

<img src="images/simpletutorial.jpg" Width="600" />

Platforms

Android & iOS.

Features

More information:

KickassUI.Runkeeper

A Xamarin.Forms version of the Runkeeper App.

<img src="images/comparison-runkeeper-droid.jpg" Width="600" />

Platforms

Android & iOS.

Features:

More information:

KickassUI.Spotify

A Xamarin.Forms version of the Spotify App.

<img src="images/spotify-ios1.jpg" Width="500" /> <img src="images/spotify-ios2.jpg" Width="500" />

Platforms

Android & iOS.

Features:

More information:

KickassUI.Twitter

A Xamarin.Forms version of the Twitter App.

<img src="images/comparison-twitter-droid.png" Width="420" />

Platforms

Android & iOS.

Features:

More information:

Timeline

A timeline of activities. This is useful for things like transportation schedules or class times.

<img src="images/timeline-android.png" Width="210" /> <img src="images/timeline-ios.png" Width="210" />

Platforms

Android, iOS & UWP.

Features:

More information:

Xamarin.Netflix

A Xamarin.Forms version of the Netflix App.

<img src="images/netflix-profile-ios.png" alt="Choose Profile" Width="210" /> <img src="images/netflix-home-ios.png" alt="Home" Width="210" /> <img src="images/netflix-menu-ios.png" alt="Main Menu" Width="210" /> <img src="images/netflix-movie-ios.png" alt="Movie Detail" Width="210" />

Platforms

Android & iOS.

Features:

More information:

Facebook

A Xamarin.Forms version of the Facebook App.

<img src="images/facebook-sidebar.gif" Width="210" /> <img src="images/facebook-like.gif" Width="210" /> <img src="images/facebook-navigationbar.gif" Width="210" />

Platforms

Android, iOS & UWP.

Features:

More information:

Movies

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.

<img src="images/movies-linux.png" Width="420" /> <img src="images/menu-linux.png" Width="420" /> <img src="images/movie-detail-linux.png" Width="420" /> <img src="images/casting02-linux.png" Width="420" />

Platforms

Android, iOS, Linux (GTK), macOS, UWP and Windows (WPF).

Features:

More information:

WalkthroughApp

WalkthroughApp is a Xamarin.Forms application that makes use of CarouselView and Lottie, to demonstrate the possibilities of creating a fluid and powerful Walkthrough without requiring Custom Renderers.

<img src="images/walkthrough.gif" Width="250" />

Platforms

Android, iOS.

Features:

More information:

Xamarin Weather App

Weather App is a simple weather app developed using Xamarin Forms. The app allows you to see the weather from your current location or another location around the globe using OpenWeather Api. Using One Call API the app displays the current weather, 24 hours and 6 days forecast. You can add new locations and switch between them from the Locations screen. From Settings screen you can change the unit system from metric to imperial. The app is available in light mode and dark mode.

<img src="images/light_weather.png" Width="250" /> <img src="images/dark_weather.png" Width="250" /> <img src="images/dark_locations.png" Width="250" />

Platforms

Android, iOS.

Features

More information: