What’s new in Grial UI Kit 3?

Everything you need to build beautiful Xamarin.Forms apps.

Over 160 themeable, customizable, extensible, and polished
XAML designs for Xamarin.Forms

Get Grial UI Kit 3
Infinite Grial UI Kit Xamarin.Forms XAML

Fast project setup

Get your Xamarin.Forms custom project ready in minutes

Admin Grial UI Kit Xamarin.Forms XAML
Customize Pages Grial UI Kit Xamarin.Forms XAML
Download Grial UI Kit Xamarin.Forms XAML
Admin Grial UI Kit Xamarin.Forms XAML

1. CHOOSE

The XAML screens

Pick the XAML screens you want to include in your Xamarin.Forms project directly from the Grial Web Admin.

Customize Pages Grial UI Kit Xamarin.Forms XAML

2. CUSTOMIZE

Theme and branding

Set your app icon, pick a color theme that matches your brand, or build your own theme with our Theme Builder

.

Download Grial UI Kit Xamarin.Forms XAML

3. DOWNLOAD

The XF project

Get a fully customized project including: XAML Pages and Templates, resource dictionaries, icons fonts, themes, and more.

App Icon Generation Grial UI Kit Xamarin.Forms XAML

SAVE TIME

App Icon Generation

Upload a source 1024 x 1024 png file and the Grial Web Admin will generate all required variations for Apple Store and Google Play Store, and will also place the icons in each specific platform Xamarin project.

Learn more
Grial UI Kit Flows Xamarin.Forms XAML

MORE CONTENT

Grial UI Kit Flows

Our latest addition to the kit: Flows!

Flows are a number of related screens, templates, and UI controls that work together as a unit. They can be seen as micro apps that cover typical patterns and UX.

Messages, movie catalog, tasks dashboard and e-commerce flows are available and ready to use.

Download Demo App
Grial UI Kit Data Grid Xamarin.Forms XAML

DATA VISUALIZATION

Data Grid

Display tabular data with our cross platform Data Grid.

Easily customize its look and feel through XAML properties such as odd row color, header background color, etc.,

Or go deeper into customization using templates for cells and headers. It supports sorting and selection.

Download Demo App
Grial UI Kit Card View Xamarin.Forms XAML

MODERN LOOK AND FEEL

Card View Control

One of the most used mobile UI patterns now simplified and available for Xamarin Forms through XAML.

Define the shadow color, shadow blur and corner radius, set the background color and use it as a container for any element.

Download Demo App
Grial UI Kit Video Player Xamarin.Forms XAML

DELIVER MORE

Video Player Control

A complete cross-platform video player available in Xamarin Forms and fully skinnable through XAML.

You can use it as a page background in auto-repeat mode, or as a regular player.

Easily reproduce local and remote mp4 and videos from YouTube.

Download Demo App
Grial UI Kit Tab Control Xamarin.Forms XAML

FLEXIBILITY

Tab Control

Switch views inside your page easily by alternating content visibility. Default look and feel matching Android and iOS and their native positioning.

Fully customizable appearance through XAML templates and styles. Icon support.

Full width or AutoScrollable, no matter how many tabs you add they will scroll automatically.

Download Demo App
Grial UI Kit Chart Xamarin.Forms XAML

DATA VISUALIZATION

Charts Styling

Switch views inside your page easily by alternating content visibility. Default look and feel matching Android and iOS and their native positioning.

Fully customizable appearance through XAML templates and styles. Icon support.

Full width or AutoScrollable, no matter how many tabs you add they will scroll automatically.

Add data visualization to your app through our beautifully styled charts.

Easily change colors and bind your data through our helpers and wrappers from XAML code.

Download Demo App
Grial UI Kit PopUp Xamarin.Forms XAML

GIVE FEEDBACK

Pop Ups

A full collection of beautiful dialogs and pop-us made in XAML, fully customizable and themeable.

It covers the most typical use cases such as: notifications, user feedback, irregular dialogs, custom action sheets, and more.

Download Demo App
Grial UI Kit Carousel View Xamarin.Forms XAML

SWIPE IT

Carousel View

Display a collection of subviews in your page through the Carousel View.

It is fully customizable and supports progressive animations allowing to change your content on user drag events, enabling rich UIs for your app that your users will enjoy.

Download Demo App
Grial UI Kit Checkbox Xamarin.Forms XAML

BETTER UX

Checkboxes & Radios

Complete your UI interaction needs in Xamarin.Forms by including single and multiple user selection through checkboxes and radios with fully customizable XAML templates.

Change colors, styles, sizes to suit your needs.

Download Demo App
Grial UI Kit Repeater Xamarin.Forms XAML

MORE OPTIONS

Repeater Control

A layout that allows repeating content inside.

It supports bindings, data templates, horizontal and vertical orientation, items selection and virtualization.

Download Demo App
Grial UI Kit Wrap Panel Xamarin.Forms XAML

WRAP IT UP

Wrap Panel

Our wrap-panel layout allows to display wrapped content inside. It arranges its children horizontally inside it, and then wraps the display of subsequent children to additional rows.

Supports templates, bindings or XAML content directly.

Download Demo App
Grial UI Kit Gradient Xamarin.Forms XAML

MAKE IT BEAUTIFUL

Gradients

Our wrap-panel layout allows to display wrapped content inside. It arranges its children horizontally inside it, and then wraps the display of subsequent children to additional rows.

Supports templates, bindings or XAML content directly.

Download Demo App
Grial UI Kit NavBar Xamarin.Forms XAML

ANY DESIGN

Grial UI Kit Navbar

One of the most requested features for Xamarin Forms finally is here: now you can make your navigation bar fully transparent, or simulate a taller bar.

You can combine its power by using our new XAML gradients and animations to make gorgeous
and engaging UIs.

Download Demo App
Grial UI Kit Animations Xamarin.Forms XAML

ENGAGING UX

Animations

Easily incorporate our animations API and add life to your app. Create lovely and engaging UXs on user scroll.

Translate or rotate items, change their colors, fade and scale them to achieve outstanding parallax effects.

The combinations are infinite, and your users will love your app.

Download Demo App
Grial UI Kit Behaviors Xamarin.Forms XAML

BEAUTIFUL UX

Animations Loop Behaviors

Make your still imagery come to life by adding our Ken Burns behavior.

Easily get this panning and zooming effect in your images, icons or any view in your app through this behavior.

Use our Pulse behavior to highlight important pieces of UI so your users don’t miss anything.

Download Demo App
Grial UI Kit Icons Xamarin.Forms XAML

NO LIMITS

A lot of Icons

Grial 3 provides 8 fonts containing more than free 5K icons available from XAML!

Icons are provided in different styles: filled, line, matching look and feel for material design and iOS.

They will render sharply across different devices with different pixel densities and resolutions, making this a very flexible and maintainable way that avoids generating lots of bitmaps.

Download Demo App
Grial UI Kit Custom Renderers Xamarin.Forms XAML

INFINITE POSSIBILITIES

Custom Renderers

Have more control over common Xamarin Forms controls to make them look exactly as you need them.

We added more styling properties to controls such as editor, entry, pickers, searchbar and more.

Download Demo App
Grial UI Kit Responsive Helpers Xamarin.Forms XAML

FULL CONTROL OVER UI’S

Responsive Helpers

Have full control of how your UI renders across multiple devices, platforms and screen orientations.

Control how your page’s content flow.

Set your font sizes, alignments, margins, paddings and almost every possible property for each specific case.

Download Demo App
Grial UI Kit Safe Area Xamarin.Forms XAML

SAFE DESIGN

iOS Safe Area Effects

Our Xamarin Forms effects provide fine-grained control to adjust your page content to the device safe area insets making sure it’s never clipped by the rounded corners or the home indicator.

The background elements can cover every pixel of the screen and through optional paddings you avoid the actual content overlap.

Download Demo App
Grial UI Kit Localization Xamarin.Forms XAML

SAVE EVEN MORE TIME

Localization Ready

Grial based apps are localizable by default, which means they support different languages effortlessly.

We provide a XAML markup extension to consume strings from RESX files and runtime options to change the app language.

Download Demo App
Grial UI Kit RTL Support Xamarin.Forms XAML

MAKE YOUR APP SHINE

Better RTL Support

All pages come with support for right-to-left languages with the same XAML code.

Yes! A single XAML codebase that works for both LTR and RTL with no duplicated chunks of code, conditional visibilities or other complexities.

We also provide the option to change the layout direction at runtime as a user preference.

Download Demo App

Build beautiful Xamarin.Forms apps, faster

Take your Xamarin.Forms app to the next level with Grial UI Kit

Download Now