Home

Awesome

XampleUI

// A Xamarin.Forms solution to replicate interesting UI design.

var XampleUI = "Xamarin sample UI";

var Template = "XF.Shell";

var HandyTools = {"XamlStyler", "Snipast"};

var TableOfContents = {

    01 Cakes Mobile App

    02 Groceries Shopping App

    03 Comparison Chart

};

01 Cakes Mobile App

App PreviewOriginal design (Ghulam Rasool)
<img src="Assets/DribCakes/appdemo.gif" alt="demo" width="400"><img src="Assets/DribCakes/original.webp" alt="original" width="600">

:video_camera: Video Recording

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

:memo: ​Notes

02 Groceries Shopping App

App PreviewOriginal design (Cuberto)
<img src="Assets/DribGroc/demo2.gif" alt="demo" width="400"><img src="Assets/DribGroc/original.gif" alt="original" width="600">

:memo: ​Tasks

:package: Nuget Used

Xamarin.Plugin.SharedTransitions

03 Comparison Chart

App PreviewOriginal design (Shaun Paduano)
<img src="Assets/DribComp/demo2.gif" alt="demo" width="400"><img src="Assets/DribComp/original.gif" alt="original" width="600">

:video_camera: Video Recording

https://youtu.be/2hE8r1cWRB4

:memo: Notes

Issues out of the video:

04 Bank Cards

App PreviewOriginal design (Dimest)
<img src="Assets/DribBank/demo.gif" alt="demo" width="400"><img src="Assets/DribBank/original.gif" alt="original" width="600">

:memo:Tasks

1. Assets:

2. Animation:

More coming

:construction: Loading...