Uncategorized

What’s New in Essential UI Kit

The Essential UI Kit has been updated with 21 new XAML pages and 10 reusable XAML templates. We have crafted the pages with many little interaction and appearance changes. You can get the complete set of screens from this GitHub location.

The following are the major changes:

New XAML pages

We have added 21 new XAML pages to the Essential UI Kit for the most common scenarios in application development. You can read the details about the new screens on our GitHub release page.

Reusable XAML templates

We have created the 10 XAML templates in the following screenshot and reused them in our XAML pages.

Interactions and animations

The Kit now has animations for the following screens:

  • Onboarding page
  • Cart page
  • Article bookmarks page

 

Categorization

We have split our XAML pages based on modules and categories that we see in any typical application. This will make it easier for you to identify the pages that are necessary for your application. The following are the categories that you can find in the UI Kit:

  • Forms
  • Catalog
  • Chat
  • Detail
  • Article
  • Reviews and Ratings
  • Contact Us
  • About Us
  • Navigation
  • Onboarding
  • Error and Empty
  • Transaction
  • Bookmark
  • History
  • Social
  • Profile
  • Tracking
  • Dashboard
  • Settings

Links and references

Source code: The complete source code of Essential UI Kit is available on GitHub with an MIT license. If you want to explore the source code of all the screens, just clone or download the following repository:

https://github.com/syncfusion/essential-ui-kit-for-xamarin.forms

Visual Studio extension: The Visual Studio extension with the XAML templates for adding screens is available in the following location:

https://marketplace.visualstudio.com/items?itemName=SyncfusionInc.Essential-UI-Kit-Xamarin-Forms

Preview app: A previewer app is available with all the screens in the Google Play Store. Just install it on your phone, and you can check out all the screens within the elegantly designed browser app.

https://play.google.com/store/apps/details?id=com.syncfusion.xamarin.uikit

Documentation: The help documentation on how to install the extension and add the screens to your Xamarin.Forms application is available at:

https://help.syncfusion.com/xamarin/uikit/gettingstarted

Xamarin Show: You can watch an awesome episode on Essential Studio and the Essential UI Kit for Xamarin.Forms on Microsoft Channel 9.

https://channel9.msdn.com/Shows/XamarinShow/Syncfusion-Essential-Studio-and-UI-Kit-for-Xamarin–XamarinForms

Conclusion

Our Essential UI Kit now has more than 60 XAML pages and 10 XAML templates to help you build a UI for any common mobile app scenario.

If the screen you need isn’t in the kit, don’t worry, it will be added soon. Just tell us what you want via our feedback portal.

Stay tuned to our official TwitterFacebook and LinkedIn pages.

If you find this post useful or have questions, please let us know in comments.

Meikanda Nayanar I

A veteran product manager at BoldSign, boasting a decade-long journey as a .NET developer. With a rich history of leading product development across diverse technologies like Windows Forms, WPF, UWP, Xamarin.Forms, Flutter, and MAUI, Meikandan brings a unique blend of technical expertise and strategic insight to the table.