Redigera

Dela via


Design toolkits and samples for Windows apps

Design and UI-related downloads for Fluent Design/Windows apps. For additional tools, such as Visual Studio, see our main downloads page.

Toolkits and libraries

Figma Toolkit icon Figma Toolkit
WinUI 3 in WinAppSDK 1.1, October 2022
Download

WinUI library thumbnail WinUI
Controls and other UI elements for Windows apps.
Installation instructions

Windows community thumbnail Windows Community Toolkit
Helper functions, custom controls, and app services.
Installation instructions

Template Studio thumbnail Template Studio
Quickly scaffold apps using a wizard-based UI.
Installation instructions

Get the WinUI Gallery apps from the Microsoft Store to see XAML controls and the Fluent Design System in action. The WinUI 3 Gallery and WinUI 2 Gallery apps include interactive examples of most WinUI 3 and WinUI 2 controls, features, and functionality. The apps are an interactive companion to this website. When you have them installed, you can use links on individual control pages to launch the app and see the control in action.

  • Get the WinUI 3 Gallery and the WinUI 2 Gallery from the Microsoft Store.
  • Get the source code for both from GitHub (use the main branch for WinUI 3 and the winui2 branch for WinUI 2).

Fonts

Tools

Download the tile and icon generator

Tile and icon generator for Adobe Photoshop This set of actions for Adobe Photoshop generates the 68 recommended tile and icon assets from just 7 files.
Download the tile and icon generator

Samples

Fluent XAML Theme Editor image Fluent XAML Theme Editor
The Fluent XAML Theme Editor is a tool that helps demonstrate the flexibility of the Fluent Design System as well as supports the app development process by generating XAML markup for our ResourceDictionary framework used in Windows applications. Download the tool sample
Check out the tool on GitHub

VanArsdel image VanArsdel
The Van Arsdel, Ltd. end-to-end Windows sample app was built to showcase the next wave of the Microsoft Fluent Design System. It makes extensive use of the improved density and new controls in the WinUI as well as powerful underlying features of the UX framework and composition. The sample shows how you can build a rich, productive experience for managing and purchasing IoT devices (in this case, lamps).
Download the VanArsdel sample
Check out the VanArsdel sample on GitHub

build cast image BuildCast
BuildCast is an end-to-end sample built to showcase the Fluent Design System and Windows. It permits browsing, downloading, and playback of select video podcasts, including some Windows tech enthusiast feeds. It also features ink notes, bookmarks, and remote playback. This sample was initially shown at the 2017 Build conference during the Build Amazing Apps with Fluent Design talk.
Download the BuildCast sample
Check out the BuildCast sample on GitHub

Lunch Scheduler Lunch Scheduler
A Windows app sample that schedules lunches with your friends and coworkers. You create a lunch, invite friends to a restaurant of interest, and the app takes care of the lunch management for all involved parties. This app incorporates elements of the Fluent Design System in a Windows app, including acrylic, reveal, and connected animations.
Download the Lunch Scheduler sample
Check out the Lunch Scheduler sample on GitHub

Want more code?

Check out the Windows sample page for complete list of all our Windows app samples. Go to the samples portal