代码拉取完成，页面将自动刷新
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?
A Xamarin.Forms UI Challenge
Original Design: https://dribbble.com/shots/15278108-Fisherman-s-Fishing-Mobile-Apps
Android, iOS.
Clone of Facebook Login UI Design in Xamarin Forms
Android, iOS.
Replicating this Dribbble design in Xamarin.Forms.
Android, iOS.
Apple Watch launcher recreated with pure Xamarin.Forms.
Android, iOS.
UI replicated in Xamarin Forms.
⚠ Design obtained from Dribble. -> https://dribbble.com/shots/14814593-Chirstmas-Shopping-App
Android, iOS.
UI replicated in Xamarin Forms.
⚠ Design obtained from Dribble. -> https://dribbble.com/shots/14274577/attachments/5925600?mode=media
Android, iOS.
Border Gradient Animation in Xamarin Forms.
You can watch the video here 👉 https://youtu.be/bS0N6U-Ei78
Android, iOS.
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
Android, iOS.
UI challenge in Xamarin.Forms. Original design from Ghulam Rasool.
Android, iOS.
Open Source Xamarin.Forms application with the company lastest news, social networks, team members, etc.
Android, iOS.
The application has been developed with Xamarin Forms, using controls like CollectionView or CarouselView. Also, we use some community developed NuGet packages:
Replicate a Sneaker UI App obtained from Dribble. You can check the design here.
Android, iOS.
Replicate a Streaming UI App obtained from Dribble. You can check the design here.
Android, iOS.
Replicate a Real Estate UI obtained from Dribble. You can check the design here.
Android, iOS.
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:
Android, iOS.
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
Android, iOS.
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
Android, iOS.
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
Android, iOS.
Ever wondered how to replicate the cinema seats arrangements in Xamarin.Forms?
You can watch the video here ➤ https://youtu.be/j_nVou7lNz0
Android, iOS.
App concept developed with Xamarin.Forms.
Android, iOS.
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
Android, iOS.
Xamarin Forms Dark Store UI Design.
Android, iOS.
Xamarin.Forms App.
Android, iOS.
Xamarin.Forms App.
Android, iOS.
Xamarin.Forms App.
Android, iOS.
Xamarin.Forms App.
Android, iOS.
Replicate a Calendar / Schedule UI obtained from Dribble. You can check the design here!
Android, iOS.
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
Android, iOS.
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
Android, iOS.
App concept developed with Xamarin.Forms. Design: https://www.uplabs.com/posts/ecommerce-app-ui-concept
Android, iOS.
A fancy UI sample for an app providing pancake recipes, based on: https://dribbble.com/shots/4476011-Cook-Book-App-Design.
Android, iOS.
Creating a custom side menu in Xamarin.Forms using Swipe View.
You can watch the video here ➤ https://www.youtube.com/watch?v=1Vs4T6pEi_
Android, iOS.
Replicate Uplabs Nike App design in Xamarin.Forms.
Android, iOS.
Implement a Flip Animation in Xamarin.Forms.
You can watch the video here ➤ https://youtu.be/VSNFLBGJEXs
Android, iOS.
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
Android, iOS.
Replicate a Flight UI obtained from Dribbble (Gleb Kuznetsov✈) using Xamarin.Forms.
Android, iOS.
Implementation of a coffee shopping UI using Xamarin.Forms.
Android, iOS.
Learn how to design a COMPLETE Video Player in Xamarin Forms.
You can watch the video here ➤ https://youtu.be/mLJe5yxq_7o
Android, iOS.
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
Android, iOS.
Xamarin.Forms Wallet CreditCard.
Android, iOS.
Microsoft News is built with Xamarin. I wondered… can I build the same 🤔? So I set out on this journey, I called it Nomadic.
Android, iOS.
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
Android, iOS.
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
Android, iOS.
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
Android, iOS.
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.
Android, iOS.
Ecommerce design with Xamarin Forms. Design based on https://www.uistore.design/items/shopping-ui-kit-for-adobe-xd/.
Android, iOS.
Mbongo means Money translating into Portuguese. Developed with the intention of practice and increasing productivity creating screens with Xamarin.Forms.
Android, iOS.
Smart Home App UI by Amit kumar using Xamarin.Forms.NeoControls.
Android, iOS.
Xamarin.Forms goodlooking UI sample using the new Expander Control. Based on Shopping List design by Hila Peleg.
Android, iOS.
Developed with the aim of tracking Covid-19 cases with data from affected countries.
Android, iOS.
Xamarin.Forms PhotoStock UI design.
Android, iOS.
Animal Crossing Turnip Tracking Mobile App.
Android, iOS.
Xamarin.Forms Covid19 Tracker App
Android, iOS.
Xamarin.Forms fresh e-commerce app.
Android, iOS.
Replicating Exotic Fruits App in Xamarin Forms.
Android, iOS.
Xamarin.Forms Profile Page.
Android, iOS.
Xamarin.Forms travel app UI.
Android, iOS.
Modern UI using Xamarin Forms.
Android, iOS.
Xamarin.Forms Fashion Store UI.
Android, iOS.
UI exercise using C# UI, Xplat Images and Fonts, and LiveSharp.
Android, iOS and UWP.
Xamarin.Forms goodlooking UI sample.
Android, iOS.
Xamarin.Forms goodlooking UI sample using SwipeView to create a custom Pull to Refresh effect.
Android, iOS.
UI replicated in Xamarin Forms. ⚠ Design obteined from Dribble. -> https://dribbble.com/shots/9061096-Travel-App
Android, iOS.
Xamarin.Forms app demonstrating the dual-screen device capability for neo and duo devices .
Android, UWP.
UI replicated in Xamarin Forms. Design obteined from Dribble: https://dribbble.com/shots/9033707-Daily-UI-006-User-Profile
Android, iOS.
Xamarin.Forms good looking UI sample for Surface Duo.
Android.
A Xamarin.Forms sample based on the dribble designs by Rajat.
Android, iOS.
Xamarin.Forms Call Screen UI.
Android, iOS.
Xamarin.Forms Login Screen UI.
Android, iOS.
A Xamarin.Forms UI Challenge based on the fantastic dribble designs by Tamo Miqeladze.
A Xamarin.Forms UI Challenge based on the fantastic dribble designs by UXIS.
Super nice UI inspired by Mountain Trip Design.
Android, iOS.
Xamarin.Forms goodlooking UI sample using the new SwipeView.
Android, iOS.
Replicate the Facebook profile page with Xamarin.Forms.
Android, iOS.
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.
Android, iOS and UWP.
A Xamarin.Forms UI Challenge.
Android, iOS.
This UI Challenge is based on the fantastic dribble designs by Antra Sharma.
Android, iOS.
Xamarin.Forms goodlooking UI sample using the new CarouselView (Parallax).
Android, iOS.
A very pretty weather application built with Xamarin.Forms.
Android, iOS.
Xamarin.Forms goodlooking UI sample using the new CarouselView.
Android, iOS.
Beautiful WeatherApp UI in Xamarin.Forms.
Android, iOS.
This UI Challenge is based on the fantastic dribble designs by Rick Waalders.
https://dribbble.com/shots/1551934-Unzone-Details-popup-animation
Android, iOS.
This UI Challenge is based on the fantastic dribble designs by Tubik.
Android, iOS.
Beautiful Fashion App Design Using Xamarin.Forms.
Android, iOS.
A Xamarin.Forms UI Challenge based on https://dribbble.com/shots/5935613-Marvel-Movies-Interaction.
Android, iOS.
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.
Android, iOS and UWP.
Air NZ app clone using Xamarin.Forms.
Android, iOS.
Xamarin Forms UI Challenge based on Ballon Slider Control design.
Android, iOS.
Google Play Music app clone using Xamarin.Forms Shell.
Android, iOS.
A beautiful Xamarin Forms sample using Atomic Design, F# and Fabulous.
Android, iOS.
Xamarin.Forms UI Challenge Ficus IoT App.
Android, iOS.
Xamarin.Forms UI challenge from the design by Victoria Sgarro.
Android, iOS.
A Xamarin.Forms UI challenge from the design by JIANGGM.
Android, iOS.
The Run Away! app: Drawing gradient lines on top of Maps with SkiaSharp.
Android, iOS.
A Xamarin.Forms UI Challenge.
Android, iOS.
A Xamarin.Forms UI Challenge playing with SkiaSharp and animations.
Android, iOS.
A beautiful credit card payment UI, inspired by the following UI from CVTemplates.
Android, iOS.
Uber Clone using Xamarin.Forms.
Android, iOS.
A Xamarin.Forms version of a banking app concept, showing off how to use a base page.
Android, iOS.
A Yellow App clone made with Xamarin.Forms.
Android, iOS.
A Xamarin.Forms version of the NeteaseCloudMusic app.
Android, iOS.
A Xamarin.Forms UI Challenge.
Android, iOS.
WhatsApp UI in Xamarin.Forms.
Android, iOS.
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.
Android, iOS.
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.
Android, iOS.
Xamarin.Forms good looking UI sample. This sample is based on Art News App designed by Shirley Yao.
Android, iOS.
A Xamarin.Forms Layout challenge. From the design found at: https://dribbble.com/shots/6177235-Valuable-Auction-Product-Page by Alex Pesenka.
Android, iOS, UWP.
Xamarin.Forms good looking UI sample. This sample is based on Timeline Profile Screen designed by Anton Aheichanka.
Android, iOS.
A Xamarin.Forms version of the Traveler app to prove you can create good-looking UI with Xamarin.Forms.
Android, iOS.
A Xamarin.Forms application with form highlight animation using SkiaSharp and Xamarin.Forms built-in animations.
Android, iOS.
A Xamarin.Forms version of the Filter Menu design by Anton Aheichanka to prove you can create goodlooking UI with Xamarin.Forms.
Android, iOS.
A Xamarin.Forms version of the Chameleon app to prove you can create goodlooking UI with Xamarin.Forms.
Android, iOS.
A Xamarin.Forms sample to show how to use Bindable Layout. This sample is based on User Profile Screen designed by Hernan Vionnet.
Android, iOS & UWP.
A fictitious retail company showcasing the future of intelligent mobile application experiences.
Android & iOS.
A simple but good looking Xamarin.Forms UI screen.
Android & iOS.
A Xamarin.Forms Carousel using a nice parallax effect.
Android & iOS.
A Xamarin.Forms music player sample.
Android & iOS.
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.
Android, iOS & UWP for client app. ASP.NET Core 2.1 for server API.
A Xamarin.Forms timer until your next vacation.
Android & iOS.
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.
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.
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.
A bike activity App. Sample to show Microcharts usage.
Android, iOS & UWP.
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.
ListView with transparent background and a purple gradient behind.
Android, iOS & UWP.
Samples to show that Xamarin.Forms is capable of creating something that looks really good.
Android & iOS.
Android, iOS & UWP.
This sample show how to recreate a beautifull Social Network profile type page in Xamarin.Forms.
A simple (but beautiful) Xamarin.Forms tutorial screen.
Android & iOS.
A Xamarin.Forms version of the Runkeeper App.
Android & iOS.
A Xamarin.Forms version of the Spotify App.
Android & iOS.
A Xamarin.Forms version of the Twitter App.
Android & iOS.
A timeline of activities. This is useful for things like transportation schedules or class times.
Android, iOS & UWP.
A Xamarin.Forms version of the Netflix App.
Android & iOS.
A Xamarin.Forms version of the Facebook App.
Android, iOS & UWP.
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).
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.
Android, iOS.
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手
