Skip to content

microsoft/WinUI-Gallery

main
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
18 branches 6 tags
Code

Latest commit

@gregwoo-microsoft @chingucoding @niels9001
4 authors Design Guidance section [Work In Progress] (#1167)
2bf63f0 Feb 3, 2023
Design Guidance section [Work In Progress] (#1167) 
* Initial WIP

* Switch to ellipses trimming for overflow on icons name

* First design updates

* Add broken itemsrepeater

* Small ui update

* Add screen reader page

* Add more accessibility pages

* Redesign icons page, refactor color picker into a new control

* Add icons page

* Fix faulty icon glyph

* Got the page + image

* Typography page working

WIP

* Tweaks

* Moved files to "Design Guidance" folder + a few tweaks

* Switch to control data based itempages for Design guidance pages

* Hide code links on design guidance pages

* Replaced fontsize slider by combo box

* Typography page fixes

- Added a description
- Added tooltips for 5 types
- Added logic to close/open tooltip
- (small fix to progress ring page to remove warning)

* Icons page fixes

- Changed title style
- Made tiles square and icons slightly smaller
- Change icon name style
- Switched code glyph section w/ text glyph (made more sense since we provide the XAML code first then C#)

* Fixes to screen reader page

- Updated styles
- Updated descriptions
- Made image smaller
- changed label by example
- added automation name sample

* Remove AutomaticPropertyPage

redundant information

* Fixes to Keyboard support page

- Updated styles
- fixed code snipped of landmark sample
- added description to landmark/heading samples

* Fixes to contrast page

- added link to accessibility insights app
- added styles
- fixed margins/padding

* Added documentation links

* Minor fix to icons page

* Made the "design guidance" and "accessibility" menu pages inaccessiblefor now

* Made icon tiles smaller + 32 default size

made icons tiles smaller to fit more icons per row

* Hide design guidance items from AllControlsPage

* Make icons page responsive

* Increase max width of a11y pages

* Increase scroll padding on iconspage

* Move Design Guidance pages into ControlPages folder, code cleanup, add license headers

* Add first color brushes section

* Minor bug fix for typography + color contrast page

* Small style changes to colors page

* Added documentation links + intro text

* Minor tweak to icons page

* Hiding related controls part

* Add fill section for colors page

* CR feedback

* Add stroke section

* Background brushes 2 of 6

* Complete Background Section

* Add initial navigation, small touch ups

* Implement discussed changes

* Updated intro text of colors page

---------

Co-authored-by: Marcel Wagner <marcel.alex.wagner@outlook.com>
Co-authored-by: Niels Laute <niels.laute@live.nl>
Co-authored-by: Marcel Wagner <mwagner@sipgate.de>
2bf63f0

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
.github
Initial commit (#997)
June 15, 2022 10:43
README_Images
Updated readme image (titlebar buttons look right)
May 16, 2022 14:58
SharedContent/cs
Adds a minimal EditorConfig and resolves a rule violation. (#343)
February 20, 2020 13:25
UITests
Bump Newtonsoft.Json from 9.0.1 to 13.0.1 in /UITests (#1036)
June 24, 2022 14:37
WinUIGallery
Design Guidance section [Work In Progress] (#1167)
February 3, 2023 11:15
packagestore
add a readme to packagestore to ensure its existence (#1152)
January 5, 2023 17:14
.gitignore
Update .gitignore. Add launchsettings.json (#1173)
January 22, 2023 17:31
LICENSE
Initial commit
November 1, 2018 11:24
README.md
Updated docs URLs (#998)
June 17, 2022 08:27
SECURITY.md
Microsoft mandatory file (#955)
May 19, 2022 19:26
nuget.config
General Hygiene fixes (#1139)
December 15, 2022 11:43
WinUI Gallery The WinUI Gallery shows how to: Further information Related topics Related samples

README.md

page_type languages products statusNotificationTargets description
sample
csharp
xaml
windows
windows-uwp
controlsgallery@microsoft.com
Demonstrates the usage of all XAML/WinUI controls in an interactive format.

WinUI Gallery

WinUI Screenshot

Shows all of the XAML UI components in an interactive format. This app is the interactive companion to the Fluent Design Guidelines and shows the usage of the WinUI APIs.

The WinUI Gallery shows how to:

  • Specify XAML controls in markup: Each control page shows the markup 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.
  • Basic layout: This sample will show all of the possible layout options for your app and allow you to interact with the panels to show how to achieve any layout you are looking for.
  • 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.
  • Version adaptive code: This sample shows how to write version adaptive code so that the app can run on previous versions of Windows while also using the latest capabilities on the most recent verison of Windows.

Further information

Note: The WinUI 3 Gallery requires Visual Studio 16.9 Preview 1 or later to build and Windows 10 to execute. Also ensure that you've completed the prerequisite steps from the installation instructions for WinUI 3 Preview 4.

To obtain information about Windows 11 development, go to the Windows Dev Center

To obtain information about Microsoft Visual Studio and the tools for developing Windows apps, go to Visual Studio

To contact the authors, please reach out to ControlsGallery@microsoft.com

Related topics

Get started with Windows 11 apps

Install a prebuilt version of this app from Microsoft Store. Each control page in the application has links to relevant Microsoft Docs for that control.

Windows UI Library (WinUI)

Template Studio for WinUI

Related samples

RSS reader sample
Lunch Scheduler app sample
Customers Orders Database sample

About

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

Topics

xaml uwp uwp-apps winrt hacktoberfest fluent xaml-winrt xaml-theme xaml-style fluent-design xaml-layout winui

Resources

Readme

License

MIT license

Code of conduct

Code of conduct

Security policy

Security policy

Stars

1.9k stars

Watchers

84 watching

Forks

520 forks

Releases 198

WinUI 3 Gallery v1.3.16 Latest
Nov 11, 2022
+ 197 releases

Packages

No packages published

Contributors 71

+ 60 contributors

Languages