Skip to content

DevChive/xamarin-forms-goodlooking-UI

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 

Repository files navigation

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?

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.

Platforms

Android, iOS.

Features:

  • Xamarin.Forms 5.0.
  • MVVM (Prism).
  • Xamarin CommunityToolkit
  • Xamarin Firebase Auth (Firebase Authentication)
  • Reactive UI (Realtime)
  • Firebase Firestore (CRUD Operations)

More information:

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

Features:

  • Transition Effect (Fade) on title, description and background image.
  • Added icons to indicate which platform(s) are supported by the game.
  • Centered images on the Carousel.
  • Display the amount of trophies per game through using a Badge.

Platforms

Android, iOS.

Features:

  • Xamarin.Forms 5.0.
  • Embedded Fonts.
  • MVVM.

More information:

Cool transition animations with Shapes in Xamarin.Forms.

Platforms

Android, iOS.

Features:

  • Animations
  • Shapes

More information:

A Xamarin.Forms UI Challenge

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

Platforms

Android, iOS.

Features:

  • CarouselView
  • Custom Fonts
  • Gradients
  • Layouts

More information:

Clone of Facebook Login UI Design in Xamarin Forms

Platforms

Android, iOS.

Features:

  • Layouts

More information:

Replicating this Dribbble design in Xamarin.Forms.

Platforms

Android, iOS.

Features:

More information:

Apple Watch launcher recreated with pure Xamarin.Forms.

Platforms

Android, iOS.

Features:

  • Animations!.
  • Xamarin.Forms 5.

More information:

UI replicated in Xamarin Forms.

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

Platforms

Android, iOS.

Features:

  • Layouts.
  • PancakeView.

More information:

UI replicated in Xamarin Forms.

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

Platforms

Android, iOS.

Features:

  • CollectionView.
  • Layouts.
  • PancakeView.

More information:

Border Gradient Animation in Xamarin Forms.

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

Platforms

Android, iOS.

Features:

  • Brushes.
  • Shapes.

More information:

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

Platforms

Android, iOS.

Features:

  • Brushes.
  • BindableLayout.
  • CarouselView.
  • Shapes.

More information:

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

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

Platforms

Android, iOS.

Features:

  • Shell.
  • Navigation.
  • SharedTransitions.

More information:

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

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:

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

Platforms

Android, iOS.

Features:

  • CollectionView.
  • Layouts.
  • Navigation.
  • PancakeView.

More information:

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

Platforms

Android, iOS.

Features:

  • CollectionView.
  • Layouts.
  • PancakeView.

More information:

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

Platforms

Android, iOS.

Features:

  • CollectionView.
  • Layouts.
  • MVVM.

More information:

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.

Download:

Platforms

Android, iOS.

Features:

  • PancakeView.
  • TouchView.
  • XForms.Plugin.AnimationNavigationPage
  • Xamarin.Essentials.

More information:

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

Platforms

Android, iOS.

Features:

  • Animations.
  • BindableLayout.

More information:

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

Platforms

Android, iOS.

Features:

  • Animations.
  • BindableLayout.

More information:

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

Platforms

Android, iOS.

Features:

  • Brushes.

More information:

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

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

Platforms

Android, iOS.

Features:

  • SkiaSharp.
  • Shapes.

More information:

App concept developed with Xamarin.Forms.

Platforms

Android, iOS.

Features:

  • MVVM
  • PancakeView
  • CollectionView
  • Embedded Fonts
  • Shapes

More information:

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

Platforms

Android, iOS.

Features:

More information:

Xamarin Forms Dark Store UI Design.

Platforms

Android, iOS.

Features:

  • CollectionView.
  • BindableLayouts.
  • MVVM.
  • Shapes.

More information:

Xamarin.Forms App.

Platforms

Android, iOS.

Features:

More information:

Xamarin.Forms App.

Platforms

Android, iOS.

Features:

More information:

Xamarin.Forms App.

Platforms

Android, iOS.

Features:

More information:

Xamarin.Forms App.

Platforms

Android, iOS.

Features:

More information:

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

Platforms

Android, iOS.

Features:

  • CollectionView.
  • Layouts.

More information:

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

Platforms

Android, iOS.

Features:

  • MediaElement.
  • Shapes.

More information:

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

Platforms

Android, iOS.

Features:

  • Animations.
  • Expander.

More information:

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

Platforms

Android, iOS.

Features:

More information:

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

Platforms

Android, iOS.

Features:

More information:

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

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

Platforms

Android, iOS.

Features:

  • Animations.
  • SwipeView.

More information:

Replicate Uplabs Nike App design in Xamarin.Forms.

Platforms

Android, iOS.

Features:

More information:

Implement a Flip Animation in Xamarin.Forms.

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

Platforms

Android, iOS.

Features:

  • Animations

More information:

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

Platforms

Android, iOS.

Features:

More information:

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

Platforms

Android, iOS.

Features:

More information:

Implementation of a coffee shopping UI using Xamarin.Forms.

Platforms

Android, iOS.

Features:

  • CarouselView.
  • Custom Fonts.
  • SkiaSharp.

More information:

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

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

Platforms

Android, iOS.

Features:

More information:

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

Platforms

Android, iOS.

Features:

More information:

Xamarin.Forms Wallet CreditCard.

Platforms

Android, iOS.

Features:

More information:

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

Platforms

Android, iOS.

Features:

Blog posts:

More information:

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

Platforms

Android, iOS.

Features:

  • SkiaSharp.
  • PancakeView.
  • Xamarin.Essentials.

More information:

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

Platforms

Android, iOS.

Features:

  • CarouselView.
  • CollectionView.

More information:

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

Platforms

Android, iOS.

Features:

  • Embeded Fonts.
  • Gradients.
  • Animations.
  • VisualState.

More information:

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.

Platforms

Android, iOS.

Features:

  • Shell.
  • CollectionView.
  • Lottie.
  • PancakeView.
  • XamEffects.
  • Xamarin.Essentials.

More information:

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

Platforms

Android, iOS.

Features:

  • CollectionView.
  • SwipeView.

More information:

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

Platforms

Android, iOS.

Features:

  • CircleImage.
  • MVVM.
  • PancakeView.
  • Xamarin.Essentials.

More information:

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

Platforms

Android, iOS.

Features:

More information:

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

Platforms

Android, iOS.

Features:

  • BindableLayout.
  • Expander.
  • Triggers.

More information:

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

Platforms

Android, iOS.

Features:

More information:

Xamarin.Forms PhotoStock UI design.

Platforms

Android, iOS.

Features:

  • Animations.
  • FlowListView.
  • PancakeView.
  • Shared Transitions.

More information:

Animal Crossing Turnip Tracking Mobile App.

Platforms

Android, iOS.

Features:

More information:

Xamarin.Forms Covid19 Tracker App

Platforms

Android, iOS.

Features:

More information:

Xamarin.Forms fresh e-commerce app.

Platforms

Android, iOS.

Features:

More information:

Replicating Exotic Fruits App in Xamarin Forms.

Platforms

Android, iOS.

Features:

More information:

Xamarin.Forms Profile Page.

Platforms

Android, iOS.

Features:

More information:

Xamarin.Forms travel app UI.

Platforms

Android, iOS.

Features:

More information:

Modern UI using Xamarin Forms.

Platforms

Android, iOS.

Features:

  • Layouts (Frame).
  • Shell.
  • Syncfusion.Xamarin.SfChart.

More information:

Xamarin.Forms Fashion Store UI.

Platforms

Android, iOS.

Features:

More information:

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

Platforms

Android, iOS and UWP.

Features:

  • C# UI.
  • XPlat Images.
  • Xplat Fonts.

More information:

Xamarin.Forms goodlooking UI sample.

Platforms

Android, iOS.

Features:

More information:

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

Platforms

Android, iOS.

Features:

  • CollectionView.
  • Lottie.
  • SwipeView.

More information:

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

Platforms

Android, iOS.

Features:

  • CollectionView.
  • Layouts.

More information:

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

Platforms

Android, UWP.

Features:

  • BindableLayout.
  • CollectionView.
  • MediaElement.
  • Xamarin.Forms.DualScreen.
  • StateTriggers.

More information:

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

Platforms

Android, iOS.

Features:

  • Layouts.
  • Styles.

More information:

Xamarin.Forms good looking UI sample for Surface Duo.

Platforms

Android.

Features:

  • CarouselView.
  • CollectionView.
  • IndicatorView.
  • Using Xamarin.Duo SDK.

More information:

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

Platforms

Android, iOS.

Features:

  • CollectionView.
  • Styles.
  • MVVM.

More information:

Xamarin.Forms Call Screen UI.

Platforms

Android, iOS.

Features:

More information:

Xamarin.Forms Login Screen UI.

Platforms

Android, iOS.

Features:

  • Dynamic Design.
  • Animations.
  • Custom controls.
  • GradientView.

More information:

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

Features:

More information:

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

Features:

More information:

Super nice UI inspired by Mountain Trip Design.

Platforms

Android, iOS.

Features:

  • VisualStateManager.
  • Layouts.
  • Styles.

More information:

Xamarin.Forms goodlooking UI sample using the new SwipeView.

Platforms

Android, iOS.

Features:

  • CollectionView.
  • SwipeView.

More information:

Replicate the Facebook profile page with Xamarin.Forms.

Platforms

Android, iOS.

Features:

  • CollectionView.
  • Bindable Layouts.
  • PancakeView.
  • FFImageLoading.

More information:

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.

Platforms

Android, iOS and UWP.

Features:

  • CollectionView.
  • Shell.
  • Visual.

More information:

A Xamarin.Forms UI Challenge.

Platforms

Android, iOS.

Features:

  • Bindable Layout (Staggered list).

More information:

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

CreditCardCheckout

Platforms

Android, iOS.

Features:

More information:

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

Platforms

Android, iOS.

Features:

  • Animations.
  • CarouselView.
  • PancakeView (Corner Radius, Gradients).
  • Parallax.

More information:

A very pretty weather application built with Xamarin.Forms.

Pretty Weather

Platforms

Android, iOS.

Features:

More information:

Xamarin.Forms goodlooking UI sample using the new CarouselView.

Platforms

Android, iOS.

Features:

  • Animations.
  • Xamarin.Forms CarouselView.
  • Custom Fonts.
  • Lottie.
  • Shell.
  • Video Player.

More information:

Beautiful WeatherApp UI in Xamarin.Forms.

Platforms

Android, iOS.

Features

  • ImageButton.
  • ListView.
  • Styles.

More information:

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

  • Animations.
  • BindableLayout.

More information:

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

BookSwap

Platforms

Android, iOS.

Features

  • Animations.
  • ListView.
  • Custom ViewCell.
  • SkiaSharp.

More information:

Beautiful Fashion App Design Using Xamarin.Forms.

Platforms

Android, iOS.

Features

  • CollectionView.
  • Shell.

More information:

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

MarvelCards

Platforms

Android, iOS.

Features

More information:

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

  • Rich, elegant XAML layouts for most common scenarios.
  • Layouts optimized for phones, tablets, and desktop.
  • Based on the MVVM design pattern to work with any MVVM framework.
  • Easy integration.
  • Developer-friendly APIs.
  • Appearance customization using styles.
  • Optimized layouts to get the best possible performance.
  • Right-to-left rendering support.

More information:

Air NZ app clone using Xamarin.Forms.

Platforms

Android, iOS.

Features:

  • Animations.
  • Carousel.

More information:

Xamarin Forms UI Challenge based on Ballon Slider Control design.

Platforms

Android, iOS.

Features:

  • SkiaSharp.
  • Use Svg (FFImageLoading).
  • Gestures.

More information:

Google Play Music app clone using Xamarin.Forms Shell.

Platforms

Android, iOS.

Features:

  • Xamarin.Forms Shell.
  • CollectionView.
  • SearchHandler.

More information:

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

Platforms

Android, iOS.

Features:

  • Carousel.
  • F# UI (using Fabulous).

More information:

Xamarin.Forms UI Challenge Ficus IoT App.

Platforms

Android, iOS.

Features:

  • Custom ListView.
  • Corner Radius.

More information:

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

Platforms

Android, iOS.

Features:

  • Animations.
  • Circle Images.
  • PancakeView (Corners, etc.).

More information:

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

Platforms

Android, iOS.

Features:

  • Animations.
  • CollectionView.
  • VisualStateManager.
  • Custom Controls.
  • Parallax effect.

More information:

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

Platforms

Android, iOS.

Features:

  • Maps.
  • Paths in the map using SkiaSharp.

More information:

A Xamarin.Forms UI Challenge.

Platforms

Android, iOS.

Features:

  • SkiaSharp.
  • PancakeView.
  • Custom tabs.

More information:

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

Platforms

Android, iOS.

Features:

  • SkiaSharp.
  • Animations.

More information:

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

Platforms

Android, iOS.

Features:

  • Visual.
  • Behaviors.

More information:

Uber Clone using Xamarin.Forms.

Platforms

Android, iOS.

Features:

More information:

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

Platforms

Android, iOS.

Features:

  • BasePage.
  • Xamarin Essentials.
  • PancakeView.

More information:

A Yellow App clone made with Xamarin.Forms.

Platforms

Android, iOS.

Features:

  • Custom Map.
  • MasterDetailPage.

More information:

A Xamarin.Forms version of the NeteaseCloudMusic app.

Platforms

Android, iOS.

Features:

  • Animations.
  • Audio Visualizer.
  • Blur Effect.
  • Parallax Effect.
  • Translucent StatusBar.
  • Video Player.
  • Xamarin.Forms Shell.

More information:

A Xamarin.Forms UI Challenge.

Platforms

Android, iOS.

Features:

  • SkiaSharp controls.
  • PancakeView.

More information:

WhatsApp UI in Xamarin.Forms.

WhatsApp

Platforms

Android, iOS.

Features:

  • Custom Floating Action Button.
  • Use of Emoji.
  • Use of the camera.

More information:

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:

  • XAML UI
  • Converters
  • Custom controls
  • Data binding
  • Behaviours
  • MVVM
  • Xamarin.Essentials
  • Localization
  • Styles
  • AutoFac for dependency injection
  • Phone and tablet layout

More information:

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

This project uses the following Syncfusion controls:

Awesome UI: Timeline with images in Xamarin.Forms.

Timeline

Platforms

Android, iOS.

Features:

  • ListView to Timeline.
  • Custom ViewCell.

More information:

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

Platforms

Android, iOS.

Features:

  • XAML Animations.
  • BindableLayout.
  • CollectionView
  • Page transitions.
  • Shared element transitions.

More information:

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

Platforms

Android, iOS, UWP.

Features:

  • Animations.
  • BindableLayout.

More information:

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

Platforms

Android, iOS.

Features:

  • SkiaSharp.

More information:

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

Platforms

Android, iOS.

Features:

More information:

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

Platforms

Android, iOS.

Features:

  • SkiaSharp.

More information:

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

Platforms

Android, iOS.

Features:

  • Xamarin.Forms Animations.
  • SkiaSharp.

More information:

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

Platforms

Android, iOS.

Features:

  • Xamarin Essentials.
  • Lottie.

More information:

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

Platforms

Android, iOS & UWP.

Features:

  • Xamarin.Forms BindableLayout.
  • CSS.

More information:

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

Platforms

Android & iOS.

Features:

  • Xamarin.Forms Shell.
  • SkiaSharp.

More information:

A simple but good looking Xamarin.Forms UI screen.

Platforms

Android & iOS.

Features:

  • Gradient background on the content page.
  • A randomly generated set of stars that rotates independently.
  • A small card with the result of your calculations.
  • A beautiful moon, also rotating independently.
  • Some entry animation of controls.

More information:

A Xamarin.Forms Carousel using a nice parallax effect.

Platforms

Android & iOS.

Features:

  • Xamarin.Forms 3.2
  • Caroulel
  • Parallax
  • Gradient Color animation

More information:

A Xamarin.Forms music player sample.

Platforms

Android & iOS.

Features:

  • Xamarin.Forms 3.1
  • SkiaSharp
  • Animations

More information:

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

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.

Platforms

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

Features:

  • Xamarin.Forms 3.1

More information:

A Xamarin.Forms timer until your next vacation.

Platforms

Android & iOS.

Features:

  • Xamarin.Forms 3.1
  • SkiaSharp

More information:

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.

Platforms

Android, iOS & UWP.

Features:

  • Xamarin.Forms 3.0
  • FlexLayout
  • CSS
  • VisualStateManager
  • Custom Vision
  • Computer Vision API

More information:

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.

Platforms

Android, iOS & UWP.

Features:

  • Custom animations from XAML.
  • Custom Map.
  • SkiaSharp Charts.
  • Xamarin.Forms Native Forms.
  • Live Player.
  • NFC.

More information:

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.

Platforms

Android, iOS & UWP.

Features:

  • Custom animations from XAML.
  • Custom Map.

More information:

A bike activity App. Sample to show Microcharts usage.

Platforms

Android, iOS & UWP.

Features:

  • SkiaSharp charts.

More information:

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!

Platforms

Android, iOS & UWP.

Features:

  • Azure + Online/Offline Sync
  • Barcode Scanning
  • Calendar Integration
  • Maps & Navigation
  • Push Notifications
  • Phone Dialer
  • Wi-Fi configuration
  • URL Navigation (Universal Links + Google App Indexing)

More information:

ListView with transparent background and a purple gradient behind.

Platforms

Android, iOS & UWP.

Features:

  • Custom ViewCells.

More information:

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

Platforms

Android & iOS.

Samples

  • Find a Vet
  • Phoenix Peaks
  • Jobbberr
  • Woofer
  • HeatMap
  • Hot Sauce
  • Findr
  • MallDash

More information:

Platforms

Android, iOS & UWP.

Features:

More information:

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

Features:

  • Curved header Image.
  • Profile Image that overlaps the header.

More information:

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

Platforms

Android & iOS.

Features

More information:

A Xamarin.Forms version of the Runkeeper App.

Platforms

Android & iOS.

Features:

  • Custom Tabs.
  • Custom fonts in the page header.
  • Custom logo in page header.
  • Carousel.
  • Custom Map.

More information:

A Xamarin.Forms version of the Spotify App.

Platforms

Android & iOS.

Features:

  • Translucent navigation bar.
  • Blurred fullscreen background.
  • Custom Slider.

More information:

A Xamarin.Forms version of the Twitter App.

Platforms

Android & iOS.

Features:

  • Android floating action button.
  • MasterDetailPage custom icon.
  • Custom Tabs (colors).

More information:

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

Platforms

Android, iOS & UWP.

Features:

  • ListView Header and Footer.
  • Custom ViewCell.

More information:

A Xamarin.Forms version of the Netflix App.

Choose Profile Home Main Menu Movie Detail

Platforms

Android & iOS.

Features:

  • Horizontal List.
  • Transparent NavigationBar on Android and iOS.
  • Parallax effect.
  • Multi-column List.

More information:

A Xamarin.Forms version of the Facebook App.

Platforms

Android, iOS & UWP.

Features:

  • Right Slide Bar.
  • Disappearing NavigationBar.
  • Like Animations.

More information:

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.

Platforms

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

Features:

  • MasterDetailPage.
  • Maps.
  • Gtk Themes.
  • Desktop Apps for Linux, macOS and Windows.

More information:

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.

Platforms

Android, iOS.

Features:

  • CarouselView
  • Lottie
  • Animations

More information:

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.

Platforms

Android, iOS.

Features

  • Xamarin Forms 5.0
  • Xamarin Essentials (Location, Placemark, Internet Connection)
  • Xamarin CommunityToolkit (SideMenu, StateLayout, TouchEffect, Expander)
  • Prism.Forms (MVVM, Dialogs)
  • Fody
  • Xamarin.Plugin.SharedTransitions (Page Transitions)

More information:

About

Xamarin.Forms goodlooking UI samples

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published