Skip to content

This app demonstrates the controls available in WinUI and the Fluent Design System.

License

Notifications You must be signed in to change notification settings

microsoft/WinUI-Gallery

Repository files navigation

WinUI Gallery hero image

WinUI 3 Gallery

Build Status PRs Welcome GitHub license

Accompanying Sample App for WinAppSDK

This app demonstrates all of the WinUI 3 controls and styles available to make a modern Windows app with the Windows App SDK. It is the interactive companion to the Fluent Design Guidelines and shows the usage of the WinUI APIs.

WinUI 3 Gallery

Store badge

⭐ Features

  • WinUI controls samples: each control page shows the markup and codebehind used to create each example.

  • Use the Microsoft.UI.Xaml (WinUI) library: the app includes the latest WinUI NuGet package and shows how to use the WinUI controls like NavigationView, SwipeControl, and more.

  • Adaptive UI: in addition to showing how each control responds to different form factors, the app itself is responsive and shows various methods for achieving adaptive UI.

  • Design & accessibility guidance: design and accessibility pages help make the gallery a useful developer companion app.

👏 Contribute to WinUI Gallery

Any samples or docs improvements you'd like to see? We're always looking for a helping hand. Feel free to file an issue to start the discussion, or even better, create a PR with the change you'd like to see!

Check out these help wanted issues if you don't know where to start.

You can also learn more about current happenings with WinUI Gallery in the project board.

🚀 Getting started

Quick start guide to building the WinUI 3 Gallery:

1. Set up the environment

Note

The WinUI Gallery requires Visual Studio 2022 or later to build and Windows 10 or later to execute. If you're building an app with WinUI and Windows App SDK for the first time, follow these installation instructions.

Required Visual Studio components:

  • Windows application development

2. Clone the Repository

git clone https://github.com/microsoft/WinUI-Gallery.git

3. Open WinUIGallery.sln with Visual Studio and build!

Ensure that the WinUIGallery project is set as the startup project in Visual Studio.

➡️ Further information

To learn more about Windows app development, go to the Windows Dev Center.

Related topics

🏆 Contributors

Thanks to our amazing contributors!

WinUI 3 Gallery Contributors

Made with contrib.rocks.