<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Grial UI Kit</title>
    <description>The latest articles on DEV Community by Grial UI Kit (@grialkit).</description>
    <link>https://dev.to/grialkit</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F887656%2Fab6708d1-95c5-4cfa-890c-452342f258ba.png</url>
      <title>DEV Community: Grial UI Kit</title>
      <link>https://dev.to/grialkit</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/grialkit"/>
    <language>en</language>
    <item>
      <title>Introducing Grial Studio</title>
      <dc:creator>Grial UI Kit</dc:creator>
      <pubDate>Thu, 13 Jul 2023 19:43:00 +0000</pubDate>
      <link>https://dev.to/grialkit/introducing-grial-studio-5chj</link>
      <guid>https://dev.to/grialkit/introducing-grial-studio-5chj</guid>
      <description>&lt;p&gt;A couple of weeks ago we shared the first insights on &lt;strong&gt;Grial Studio&lt;/strong&gt;, a new way of building .NET Apps. So today we want to talk a little bit more about it.&lt;/p&gt;

&lt;p&gt;Let me share some context first. From the very beginning, &lt;a href="https://uxdivers.com/"&gt;UXDivers&lt;/a&gt; has been committed to solving the challenge of closing the gap between design and development in the .NET space. That was, and still is our motivation! And the reason we created Grial.&lt;/p&gt;

&lt;p&gt;&lt;em&gt;What if any .NET  developer could access an infinite library of UI resources to plug-n-play in their project painlessly?&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;Grial UI Kit has always been seen as a great way to &lt;strong&gt;kick-off .NET mobile apps&lt;/strong&gt;, and also as an &lt;strong&gt;excellent learning tool&lt;/strong&gt; for Xamarin.Forms and .NET MAUI.&lt;/p&gt;

&lt;p&gt;We are proud to see so many apps built with our Kit. It’s been an awesome journey. But we know there’s more we can do to close the gap between design and code. We wanted to add a productivity booster layer on top of Grial, and here’s where Grial Studio comes in.&lt;/p&gt;

&lt;p&gt;Grial Studio lives inside Visual Studio. It brings ever growing Grial content library into our favorite IDE. It’s like a design buddy that assists the entire development process. If you need a page, a template, an icon, anything, find it in Grial Studio and bring it to your project with a few clicks. The goal is simple: never start any UI-related work from scratch again.&lt;/p&gt;

&lt;p&gt;Grial Studio also opens the door to integrate content into existing projects (projects that were not created through Grial). Once again, it can help at any stage, even if your project has already started.&lt;/p&gt;

&lt;p&gt;Check this brief introductory video:&lt;/p&gt;

&lt;p&gt;&lt;iframe width="710" height="399" src="https://www.youtube.com/embed/LDsXNvclogU"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;p&gt;Here’s also a sneak peek of what icon management looks like:&lt;/p&gt;

&lt;p&gt;&lt;iframe width="710" height="399" src="https://www.youtube.com/embed/mjr09SF110s"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;p&gt;Grial Studio theme builder, it's also a key part of Grial Studio. Check it out in this short video:&lt;/p&gt;

&lt;p&gt;&lt;iframe width="710" height="399" src="https://www.youtube.com/embed/ylWldogp5_k"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;p&gt;This is just the start of the story. Let me share part of our roadmap. &lt;/p&gt;

&lt;p&gt;Grial Studio will have tools that anybody can use, even if you don’t have a Grial subscription. For instance, the Icons Panel we just talked about. But what are icons without beautiful content? This is where the Free Templates come in. We will be shipping pages that anybody can use, no strings attached. This is a preview of how that will look:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--HKB6etG3--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s0daiflwzzvgosnpy9c6.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--HKB6etG3--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s0daiflwzzvgosnpy9c6.png" alt="Image description" width="800" height="451"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;And lastly, more platforms are on the way. Blazor work is already in progress! What are your preferences there? Let us know below 🙂&lt;/p&gt;

&lt;p&gt;If you have questions, ideas or just want to say hello, please do! We are always happy to talk and share experiences.&lt;/p&gt;

&lt;p&gt;You can subscribe &lt;a href="https://share.hsforms.com/1qAjQpf7VTbaB7an5d_qBwg21khs"&gt;here to get early access&lt;/a&gt;!&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Useful links&lt;/strong&gt;&lt;br&gt;
Visit the Grial UI Kit website to know everything about it.&lt;br&gt;
&lt;a href="https://grialkit.com/"&gt;https://grialkit.com/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Get started with Grial UI Kit 4:&lt;br&gt;
&lt;a href="https://admin.grialkit.com/"&gt;https://admin.grialkit.com/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Get the demo apps here.&lt;br&gt;
&lt;a href="https://grialkit.com/download-demo-app"&gt;https://grialkit.com/download-demo-app&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Grial UI Kit blog. Subscribe and stay tuned.&lt;br&gt;
&lt;a href="https://grialkit.com/blog"&gt;https://grialkit.com/blog&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Thanks for reading! Get Grial UI Kit, get inspired.&lt;/p&gt;

</description>
      <category>dotnetmaui</category>
      <category>productivity</category>
      <category>ui</category>
      <category>design</category>
    </item>
    <item>
      <title>🔥 Grial UI Kit 4 is here!</title>
      <dc:creator>Grial UI Kit</dc:creator>
      <pubDate>Thu, 15 Sep 2022 17:17:25 +0000</pubDate>
      <link>https://dev.to/grialkit/grial-ui-kit-4-is-here-k71</link>
      <guid>https://dev.to/grialkit/grial-ui-kit-4-is-here-k71</guid>
      <description>&lt;p&gt;Yes! Grial UI Kit 4 is here and it includes .NET MAUI support.&lt;/p&gt;

&lt;p&gt;For those of you not familiar with the product, Grial UI Kit has been around for quite some time. From the early days of Xamarin.Forms to this new .NET MAUI era, our team has been trying to push the boundaries of what’s possible with the platforms in terms of user experience and user interface design. Grial UI Kit provides .NET developers all the resources they need to build beautiful apps faster than ever. &lt;/p&gt;

&lt;p&gt;Today, after 7 years in the market and countless Xamarin.Forms apps built, we are happy to announce that Grial UI Kit 4 is ready.&lt;/p&gt;

&lt;h2&gt;
  
  
  So, what's Grial UI Kit?
&lt;/h2&gt;

&lt;p&gt;Easy, it’s the most comprehensive library of UI/UX resources available for .NET MAUI and Xamarin.Forms. It’s a world of infinite resources that will save you and your team countless hours of development time. Plus, it’s the best way to bootstrap your .NET MAUI project.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--egbq3xvx--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ra9f0ynz6lndk7st41rw.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--egbq3xvx--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ra9f0ynz6lndk7st41rw.png" alt="Image description" width="880" height="420"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Highlights
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Over 100 fully customizable pages ready to be included on your .NET MAUI or Xamarin.Forms project. &lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Use our templates out of the box or recombine different parts of different pages to create your own. Add, remove, tweak, whatever your needs are, Grial UI Kit can adjust to them.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Over 30 UI controls available. Floating Menu, Drawer Control, Data Grid, Video Player, Maps, Tab Control, Pop-Ups, Carrousel View, Checkbox, Radio Buttons, Selectable Wrap Panel, Rating Control, and so much more.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Super fast project kickstart. Simply create an account in &lt;a href="https://admin.grialkit.com/secure/grial/front/signup"&gt;Grial Web Admin&lt;/a&gt;, select the pages you want to include in your project, select a base theme or pick an accent color for your app. Change your namespaces,  and voilá, get a complete, MVVM framework agnostic, well structured, and fully customizable  .NET MAUI or Xamarin.Forms solution. &lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;em&gt;Btw, the great Gerald Versluis coined the term "App in a box" and we loved it!&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;The Grial UI Kit demo app is currently available for iOS and Android phones and tablets. The demo app was designed to showcase not only what’s included in Grial UI Kit, but also as a tool for those .NET devs out there trying to solve a UI puzzle. &lt;/p&gt;

&lt;p&gt;Search for patterns, controls, icons, you name it, whatever you need to include in your .NET MAUI or Xamarin.Forms you’ll find it in Grial.&lt;/p&gt;

&lt;p&gt;Download Grial UI Kit demo app for iOS:&lt;br&gt;
&lt;a href="https://apps.apple.com/app/grial-uikit/id1099501310"&gt;https://apps.apple.com/app/grial-uikit/id1099501310&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Download Grial uI Kit demo app for Android:&lt;br&gt;
&lt;a href="https://play.google.com/store/apps/details?id=uxdivers.grial"&gt;https://play.google.com/store/apps/details?id=uxdivers.grial&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Key things about this new Grial UI Kit version
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;.NET MAUI support.&lt;/strong&gt; This is of course the first highlight of this new version. &lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Fully redesigned.&lt;/strong&gt; The kit has been completely re-designed to be even more flexible and sexy. &lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Grial Web Admin.&lt;/strong&gt; Our web admin has been redesigned and the Grial UI Kit content catalog has been organized in categories. You can now search for a page, control, or whatever you need to include in your project.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Redesigned demo app.&lt;/strong&gt; Don’t let us tell you about how beautiful our demo app is, get it on the stores and get inspired for your next .NET MAUI or Xamarin.Forms project.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Useful links
&lt;/h2&gt;

&lt;p&gt;Visit the Grial UI Kit website to know everything about it.&lt;br&gt;
&lt;a href="https://grialkit.com/"&gt;https://grialkit.com/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Get started with Grial UI Kit 4:&lt;br&gt;
&lt;a href="https://admin.grialkit.com/"&gt;https://admin.grialkit.com/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Get the demo apps here.&lt;br&gt;
&lt;a href="https://grialkit.com/download-demo-app"&gt;https://grialkit.com/download-demo-app&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Grial UI Kit blog. Subscribe and stay tuned.&lt;br&gt;
&lt;a href="https://grialkit.com/blog"&gt;https://grialkit.com/blog&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Thanks for reading! &lt;a href="https://grialkit.com/download"&gt;Get Grial UI Kit&lt;/a&gt;, get inspired.&lt;/p&gt;

&lt;p&gt;The UXDivers team.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--Yv0tNxj5--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/eypgs786folknlppa1sh.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--Yv0tNxj5--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/eypgs786folknlppa1sh.png" alt="Image description" width="880" height="592"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>dotnet</category>
      <category>dotnetmaui</category>
      <category>xamarinforms</category>
      <category>productivity</category>
    </item>
  </channel>
</rss>
