May 5, 2016 8:00 am

Kickstart UWP app creation with Windows App Studio’s open source UWP libraries and Samples App

Windows App Studio is all about making it as easy as possible to build apps for Windows.  The online tool helps you build apps with no coding required, so you can either start your project there and extend it in Visual Studio, or you can create and build the app completely in the tool.  Today, we want to talk about another way we’re helping to make it easier to develop for Windows 10: Our Windows App Studio UWP Samples app, which is powered by our open source UWP Controls and Data Sources libraries.  Open source libraries are incredibly useful in software development, but one of the tougher things for developers is to find good documentation and examples of code in those libraries without firing up an IDE.  The UWP Samples app aims to solve this problem and showcase the contents of the libraries beautifully and in an interactive way.

1_UWPsamplesapp

A bit of background. As we build out and add new features to Windows App Studio, we need to create controls and data sources that are standardized in a way that makes them work for the tool.  This standardization of the controls also makes it easy to package them in a library, so that’s exactly what we did.  There are two main libraries:

Each of these are open source with the MIT license and are available as NuGet packages and these are the libraries that power the UWP Samples app.  You are free to use anything in these libraries for any project and you don’t even need to assign attribution/credit.  Since they’re open source, you are enthusiastically invited to contribute new controls, data sources, and whatever else you think is great.

Windows App Studio UWP Samples app

1_appstudioUWPsamplesapp

The Windows App Studio UWP Samples app is now available in the Windows Store. What is unique about the app is that it lets you browse through all of the controls and data sources included in the libraries, without needing to write one line of code.  You can even adjust the attributes of the controls to mimic how they would look in your app before opening Visual Studio.  Furthermore, the app has the code and descriptions for each of the controls and data sources in the libraries, so you can even copy and paste directly from there.

Windows App Studio UWP Controls

As hinted before, this library is used in the Windows 10 apps generated with Windows App Studio.  The library implements common patterns used in UWP apps, and provides some user interface controls that help you create responsive apps that adapt to different form factors.  Examples of the controls are Variable Sized Grid, Pivorama, Carousel, Animation effect, and more.

Windows App Studio Data Providers

Within the Data Providers library is the code that enables apps generated by Windows App Studio to access data from different providers.  The library includes code to make easy integrations with the data sources used in the tool, such as WordPress and YouTube.  Since the library is open source, feel free to contribute back with a pull request and submit your own coded integrations to services.  Please note that some data sources will need you to sign up for keys in order for the APIs to work properly.

We hope these libraries and UWP Samples app will make it as easy as possible to develop for the Universal Windows Platform (UWP).  Feedback is welcome, so please share your thoughts on the forums or User Voice. If you’re interested, visit the GitHub page and share your contributions to the library.  Feel free to fork the repository, submit pull requests, and contribute to the world of Windows development.

Updated June 28, 2018 7:45 am

Join the conversation

  1. Let me start by saying that this is an amazing thing for Microsoft to be giving away. The fact that you’re making it UWP compatible is even more amazing since it really does fill in some serious gaps in the stock UWP framework. It’s also possibly the ONLY complete set of samples for how to write a templated control (I had to figure it out on my own… it’s painful).

    My only suggestion would be to make it a part of the standard UWP frameworks as another stock assembly. I only found out about this through a tech blog feed and I actually pay attention to UWP related news.

    Either way, great job!

  2. Thanks a lot for providing UWP developers with these tool,controls, libraries and of course source code 🙂
    This showcase App it’s like the one provided by many third party controls vendors but free and open.
    Thanks again and continue sharing things likes.