{"id":44260,"date":"2019-06-12T10:07:51","date_gmt":"2019-06-12T17:07:51","guid":{"rendered":"http:\/\/devblogs.microsoft.com\/xamarin\/?p=44260"},"modified":"2019-08-30T08:28:56","modified_gmt":"2019-08-30T15:28:56","slug":"grial-ui-kit-xamarin-forms","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/xamarin\/grial-ui-kit-xamarin-forms\/","title":{"rendered":"Grial UI Kit: Building Beautiful Xamarin.Forms Apps, Faster"},"content":{"rendered":"

This post was guest authored and contributed by Leonardo Viacava. Leo is co-founder and CTO of UXDivers<\/a>, creators of Grial UI Kit<\/a> and Gorilla Player<\/a>. UXDivers specializes in designing and coding engaging mobile experiences using Xamarin technologies.<\/i><\/p>\n

Grial UI Kit<\/h2>\n

Grial UI Kit<\/a> provides XAML templates, custom controls, helpers and resources that accelerate the creation of Xamarin.Forms apps. We make it dead simple for .NET developers to build beautiful cross-platform apps, fast.<\/p>\n

Let\u2019s take a look at how Grial UI Kit<\/a> can help you build a great app.<\/p>\n

Below you can see an overview of the screens for a Tea Shop app called Clayton<\/strong>. The app took us 20 minutes<\/strong> to build, this blog took us much longer to write \ud83d\ude42<\/p>\n

\"Grial<\/p>\n

After you read this blog, watch this video<\/a> to see the complete process described below at normal speed.<\/p>\n

Creating a Beautiful App in Minutes<\/h2>\n

Creating the App<\/h3>\n

Grial based apps are created with our Grial Wb Admin<\/a> site, which allows you to create and manage your apps. There are 5 simple steps to create your app:<\/p>\n

    \n
  1. Register your App<\/strong>. Select your license and create the app.<\/li>\n
  2. App Name<\/strong>. Give your app a name \ud83d\ude42<\/li>\n
  3. Project Setup<\/strong>. Enter the solution name, project name, namespace, assembly name and bundle identifier. All of these are auto-suggested based on the app name.<\/li>\n
  4. Screens<\/strong>. Choose any, and as many, screens from our 90+ cataloge to kick start your app.<\/li>\n
  5. Icon and Theme<\/strong>. Upload a high-resolution image of your app icon. Grial Wb Admin<\/a> automatically generates all the required icon resolutions for iOS and Android. Select a theme to use. You can use the theme as it is, or choose to customize its accent color to match your brand\u2019s look and feel.<\/li>\n<\/ol>\n

    Now, you can download the Visual Studio solution ready to run, and you can start working on your app. The downloaded Grial solution uses your specified names, app icon and theme. It includes all your selected screens plus any accessory views used by those screens. You can add more screens later if you need to.<\/p>\n

    Watch it in Action<\/h3>\n

    Watch the video below to see the 5 steps wizard creation process using Grial Web Admin<\/a>\u00a0and the download and running of the Clayton<\/strong> app with Visual Studio.<\/p>\n

    \n