开源软件名称：

开源软件地址：

开源编程语言：

开源软件介绍：

Xamarin.Forms goodlooking UI Samples

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 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.

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:

• Source code: https://github.com/gheorghedarle/Xamarin-ToDoApp
• Author: Darle Gheorghe

GamingStore

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:

• Source code: https://github.com/Altevir/xamarinforms-game-store
• Author: Altevir

ShapeAnimatedTransitions

Cool transition animations with Shapes in Xamarin.Forms.

Platforms

Android, iOS.

Features:

• Animations
• Shapes

More information:

• Source code: https://github.com/FabriBertani/XFShapeAnimatedTransitions
• Author: Fabricio Bertani

Fishing

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:

• Source code: https://github.com/kphillpotts/Fishing
• Author: Kym Phillpotts

Facebook Mobile Login Clone

Clone of Facebook Login UI Design in Xamarin Forms

Platforms

Android, iOS.

Features:

• Layouts

More information:

• Source code: https://github.com/ShahrukhYousafzai/FacebookMobileAppLoginUIClone
• Author: Shahrukh Yousafzai

Uvento

Replicating this Dribbble design in Xamarin.Forms.

Platforms

Android, iOS.

Features:

• MVVM
• Embedded Fonts (https://docs.microsoft.com/en-us/xamarin/xamarin-forms/user-interface/text/fonts)
• CollectionView
• Xamarin.Forms 5.0
• Xamarin Community Toolkit

More information:

• Source code: https://github.com/Altevir/xamarinforms-uvento
• Author: Altevir

MiniLauncher

Apple Watch launcher recreated with pure Xamarin.Forms.

Platforms

Android, iOS.

Features:

• Animations!.
• Xamarin.Forms 5.

More information:

• Source code: https://github.com/mariusmuntean/MiniLauncher
• Author: Marius M.

ChristmasShopping UI

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:

• Blog: Replicating Christmas Shopping UI in Xamarin Forms
• Source code: https://github.com/LeomarisReyes/ChristmasShoppingUI
• Author: Leomaris Reyes

BillDetail

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:

• Blog: Replicating Bill Details UI in Xamarin Forms
• Source code: https://github.com/LeomarisReyes/BillDetailSample
• Author: Leomaris Reyes

Border Gradient Animation

Border Gradient Animation in Xamarin Forms.

You can watch the video here