Render overview

HelloCustomWidgets Render Gallery

141 widget screenshots generated from the WASM smoke check. Commit a2350f7. Generated 2026-05-13 10:33:28.

Open contact sheet JSON index Markdown Widget catalog
All widget render outputs

Input39

Auto Suggest Box render outputAuto Suggest BoxInput · input/auto_suggest_boxFluent 2 / WPF UI / AutoSuggestBox Button render outputButtonInput · input/buttonFluent 2 / WPF UI / Button Calendar Date Picker render outputCalendar Date PickerInput · input/calendar_date_pickerFluent 2 / WPF UI / CalendarDatePicker Calendar View render outputCalendar ViewInput · input/calendar_viewFluent 2 / WPF UI / CalendarView Check Box render outputCheck BoxInput · input/check_boxFluent 2 / WPF UI / CheckBox Color Picker render outputColor PickerInput · input/color_pickerFluent 2 / WPF UI / ColorPicker Combo Box render outputCombo BoxInput · input/combo_boxFluent 2 / WPF UI / ComboBox Command Bar render outputCommand BarInput · input/command_barFluent 2 / WPF UI / CommandBar Command Bar Flyout render outputCommand Bar FlyoutInput · input/command_bar_flyoutFluent 2 / WPF UI / CommandBarFlyout Compound Button render outputCompound ButtonInput · input/compound_buttonFluent 2 / Fluent UI React / CompoundButton Date Picker render outputDate PickerInput · input/date_pickerFluent 2 / WPF UI / DatePicker Drop Down Button render outputDrop Down ButtonInput · input/drop_down_buttonFluent 2 / WPF UI / DropDownButton Field render outputFieldInput · input/fieldFluent 2 / Fluent UI React / Field Hyperlink Button render outputHyperlink ButtonInput · input/hyperlink_buttonFluent 2 / WPF UI / HyperlinkButton Menu Button render outputMenu ButtonInput · input/menu_buttonFluent 2 / Fluent UI React / MenuButton Number Box render outputNumber BoxInput · input/number_boxFluent 2 / WPF UI / NumberBox Password Box render outputPassword BoxInput · input/password_boxFluent 2 / WPF UI / PasswordBox Radio Button render outputRadio ButtonInput · input/radio_buttonFluent 2 / WPF UI / RadioButton Radio Buttons render outputRadio ButtonsInput · input/radio_buttonsFluent 2 / WPF UI / RadioButtons Rating Control render outputRating ControlInput · input/rating_controlFluent 2 / WPF UI / RatingControl Repeat Button render outputRepeat ButtonInput · input/repeat_buttonFluent 2 / WPF UI / RepeatButton Rich Edit Box render outputRich Edit BoxInput · input/rich_edit_boxFluent 2 / WinUI 3 / RichEditBox Scroll Bar render outputScroll BarInput · input/scroll_barFluent 2 / WPF UI / ScrollBar Search Box render outputSearch BoxInput · input/search_boxFluent 2 / Fluent UI React / Searchbox Segmented Control render outputSegmented ControlInput · input/segmented_controlFluent 2 / WPF UI / SegmentedControl Shortcut Recorder render outputShortcut RecorderInput · input/shortcut_recorderFluent 2 / WPF UI / KeyboardAcceleratorRecorder Slider render outputSliderInput · input/sliderFluent 2 / WPF UI / Slider Spin Button render outputSpin ButtonInput · input/spin_buttonFluent 2 / Fluent UI React / SpinButton Split Button render outputSplit ButtonInput · input/split_buttonFluent 2 / WPF UI / SplitButton Swipe Control render outputSwipe ControlInput · input/swipe_controlFluent 2 / WPF UI / SwipeControl Switch render outputSwitchInput · input/switchFluent 2 / WPF UI / ToggleSwitch Text Box render outputText BoxInput · input/text_boxFluent 2 / WPF UI / TextBox Thumb Rate render outputThumb RateInput · input/thumb_rateFluent 2 / WPF UI / ThumbRate Tick Bar render outputTick BarInput · input/tick_barFluent 2 / WPF UI / WPF / TickBar Time Picker render outputTime PickerInput · input/time_pickerFluent 2 / WPF UI / TimePicker Toggle Button render outputToggle ButtonInput · input/toggle_buttonFluent 2 / WPF UI / ToggleButton Toggle Split Button render outputToggle Split ButtonInput · input/toggle_split_buttonFluent 2 / WPF UI / ToggleSplitButton Token Input render outputToken InputInput · input/token_inputFluent 2 / WPF UI / TokenInput Toolbar render outputToolbarInput · input/toolbarFluent 2 / Fluent UI React / Toolbar

Layout45

Accordion render outputAccordionLayout · layout/accordionFluent 2 / Fluent UI React / Accordion Adorner Decorator render outputAdorner DecoratorLayout · layout/adorner_decoratorFluent 2 / WPF UI / WPF / AdornerDecorator Block Ui Container render outputBlock Ui ContainerLayout · layout/block_ui_containerFluent 2 / WPF UI / WPF / BlockUIContainer Border render outputBorderLayout · layout/borderFluent 2 / WPF UI / WPF / WinUI / Border Bullet Decorator render outputBullet DecoratorLayout · layout/bullet_decoratorFluent 2 / WPF UI / WPF / BulletDecorator Canvas render outputCanvasLayout · layout/canvasFluent 2 / WPF UI / Canvas Card Action render outputCard ActionLayout · layout/card_actionFluent 2 / WPF UI / CardAction Card Control render outputCard ControlLayout · layout/card_controlFluent 2 / WPF UI / CardControl Card Expander render outputCard ExpanderLayout · layout/card_expanderFluent 2 / WPF UI / CardExpander Content Control render outputContent ControlLayout · layout/content_controlFluent 2 / WPF UI / WPF / WinUI / ContentControl Content Presenter render outputContent PresenterLayout · layout/content_presenterFluent 2 / WPF UI / WPF / WinUI / ContentPresenter Data Grid render outputData GridLayout · layout/data_gridFluent 2 / WPF UI / DataGrid Data List Panel render outputData List PanelLayout · layout/data_list_panelFluent 2 / WPF UI / ListView Dock Panel render outputDock PanelLayout · layout/dock_panelFluent 2 / WPF UI / DockPanel Drawer render outputDrawerLayout · layout/drawerFluent 2 / Fluent UI React / Drawer Expander render outputExpanderLayout · layout/expanderFluent 2 / WPF UI / Expander Figure render outputFigureLayout · layout/figureFluent 2 / WPF UI / WPF / Figure Floater render outputFloaterLayout · layout/floaterFluent 2 / WPF UI / WPF / Floater Grid render outputGridLayout · layout/gridFluent 2 / WPF UI / Grid Grid Splitter render outputGrid SplitterLayout · layout/grid_splitterFluent 2 / WPF UI / GridSplitter Grid View render outputGrid ViewLayout · layout/grid_viewFluent 2 / WinUI 3 / GridView Group Box render outputGroup BoxLayout · layout/group_boxFluent 2 / WPF UI / WPF / GroupBox Headered Content Control render outputHeadered Content ControlLayout · layout/headered_content_controlFluent 2 / WPF UI / WPF / HeaderedContentControl Headered Items Control render outputHeadered Items ControlLayout · layout/headered_items_controlFluent 2 / WPF UI / WPF / HeaderedItemsControl Inline Ui Container render outputInline Ui ContainerLayout · layout/inline_ui_containerFluent 2 / WPF UI / WPF / InlineUIContainer Items Control render outputItems ControlLayout · layout/items_controlFluent 2 / WPF UI / WPF / ItemsControl Items Repeater render outputItems RepeaterLayout · layout/items_repeaterFluent 2 / WinUI 3 / ItemsRepeater List render outputListLayout · layout/listFluent 2 / Fluent UI React / List Master Detail render outputMaster DetailLayout · layout/master_detailFluent 2 / WPF UI / MasterDetail Parallax View render outputParallax ViewLayout · layout/parallax_viewFluent 2 / WPF UI / ParallaxView Relative Panel render outputRelative PanelLayout · layout/relative_panelFluent 2 / WinUI 3 / RelativePanel Resize Grip render outputResize GripLayout · layout/resize_gripFluent 2 / WPF UI / WPF / ResizeGrip Scroll Presenter render outputScroll PresenterLayout · layout/scroll_presenterFluent 2 / WinUI 3 / ScrollPresenter Scroll Viewer render outputScroll ViewerLayout · layout/scroll_viewerFluent 2 / WinUI 3 / ScrollViewer Settings Card render outputSettings CardLayout · layout/settings_cardFluent 2 / WPF UI / SettingCard Settings Expander render outputSettings ExpanderLayout · layout/settings_expanderFluent 2 / WPF UI / SettingsExpander Settings Panel render outputSettings PanelLayout · layout/settings_panelFluent 2 / WPF UI / SettingCardGroup Split View render outputSplit ViewLayout · layout/split_viewFluent 2 / WPF UI / SplitView Stack Panel render outputStack PanelLayout · layout/stack_panelFluent 2 / WPF UI / StackPanel Two Pane View render outputTwo Pane ViewLayout · layout/two_pane_viewFluent 2 / WinUI 3 / TwoPaneView Uniform Grid render outputUniform GridLayout · layout/uniform_gridFluent 2 / WPF UI / UniformGrid Viewbox render outputViewboxLayout · layout/viewboxFluent 2 / WPF UI / Viewbox Virtualizing Stack Panel render outputVirtualizing Stack PanelLayout · layout/virtualizing_stack_panelFluent 2 / WPF UI / VirtualizingStackPanel Virtualizing Wrap Panel render outputVirtualizing Wrap PanelLayout · layout/virtualizing_wrap_panelFluent 2 / WPF UI / VirtualizingWrapPanel Wrap Panel render outputWrap PanelLayout · layout/wrap_panelFluent 2 / WPF UI / WrapPanel

Navigation13

Annotated Scroll Bar render outputAnnotated Scroll BarNavigation · navigation/annotated_scroll_barFluent 2 / WPF UI / AnnotatedScrollBar Breadcrumb Bar render outputBreadcrumb BarNavigation · navigation/breadcrumb_barFluent 2 / WPF UI / BreadcrumbBar Flip View render outputFlip ViewNavigation · navigation/flip_viewFluent 2 / WPF UI / FlipView Menu Bar render outputMenu BarNavigation · navigation/menu_barFluent 2 / WPF UI / MenuBar Menu Flyout render outputMenu FlyoutNavigation · navigation/menu_flyoutFluent 2 / WPF UI / MenuFlyout Nav Panel render outputNav PanelNavigation · navigation/nav_panelFluent 2 / WPF UI / NavigationView Pips Pager render outputPips PagerNavigation · navigation/pips_pagerFluent 2 / WPF UI / PipsPager Pivot render outputPivotNavigation · navigation/pivotFluent 2 / WinUI 3 / Pivot Selector Bar render outputSelector BarNavigation · navigation/selector_barFluent 2 / WPF UI / SelectorBar Tab Strip render outputTab StripNavigation · navigation/tab_stripFluent 2 / WPF UI / TabStrip Tab View render outputTab ViewNavigation · navigation/tab_viewFluent 2 / WPF UI / TabView Title Bar render outputTitle BarNavigation · navigation/title_barFluent 2 / WPF UI / TitleBar Tree View render outputTree ViewNavigation · navigation/tree_viewFluent 2 / WPF UI / TreeView

Display32

Access Text render outputAccess TextDisplay · display/access_textFluent 2 / WPF UI / WPF / AccessText Animated Icon render outputAnimated IconDisplay · display/animated_iconFluent 2 / WPF UI / AnimatedIcon Arc render outputArcDisplay · display/arcFluent 2 / WPF UI / Arc Badge render outputBadgeDisplay · display/badgeFluent 2 / Fluent UI React / Badge Badge Group render outputBadge GroupDisplay · display/badge_groupFluent 2 / WPF UI / BadgeGroup Bitmap Icon render outputBitmap IconDisplay · display/bitmap_iconFluent 2 / WPF UI / BitmapIcon Card Panel render outputCard PanelDisplay · display/card_panelFluent 2 / WPF UI / Card Counter Badge render outputCounter BadgeDisplay · display/counter_badgeFluent 2 / Fluent UI React / CounterBadge Divider render outputDividerDisplay · display/dividerFluent 2 / WPF UI / Separator Ellipse render outputEllipseDisplay · display/ellipseFluent 2 / WPF UI / WPF / Ellipse Font Icon render outputFont IconDisplay · display/font_iconFluent 2 / WPF UI / FontIcon Glyphs render outputGlyphsDisplay · display/glyphsFluent 2 / WPF UI / WPF / Glyphs Image Control render outputImage ControlDisplay · display/image_controlFluent 2 / WPF UI / WinUI / WPF UI / Image Image Icon render outputImage IconDisplay · display/image_iconFluent 2 / WPF UI / ImageIcon Info Badge render outputInfo BadgeDisplay · display/info_badgeFluent 2 / WPF UI / InfoBadge Info Label render outputInfo LabelDisplay · display/info_labelFluent 2 / Fluent UI React / InfoLabel Label Control render outputLabel ControlDisplay · display/label_controlFluent 2 / WPF UI / WPF / Label Line render outputLineDisplay · display/lineFluent 2 / WPF UI / WPF / Line Path render outputPathDisplay · display/pathFluent 2 / WPF UI / WPF / Path Path Icon render outputPath IconDisplay · display/path_iconFluent 2 / WPF UI / PathIcon Person Picture render outputPerson PictureDisplay · display/person_pictureFluent 2 / WPF UI / PersonPicture Persona render outputPersonaDisplay · display/personaFluent 2 / Fluent UI React / Persona Persona Group render outputPersona GroupDisplay · display/persona_groupFluent 2 / WPF UI / AvatarGroup Polygon render outputPolygonDisplay · display/polygonFluent 2 / WPF UI / WPF / Polygon Polyline render outputPolylineDisplay · display/polylineFluent 2 / WPF UI / WPF / Polyline Presence Badge render outputPresence BadgeDisplay · display/presence_badgeFluent 2 / Fluent UI React / PresenceBadge Rectangle render outputRectangleDisplay · display/rectangleFluent 2 / WPF UI / WPF / Rectangle Rich Text Block render outputRich Text BlockDisplay · display/rich_text_blockFluent 2 / WPF UI / RichTextBlock Status Bar render outputStatus BarDisplay · display/status_barFluent 2 / WPF UI / WPF / StatusBar Symbol Icon render outputSymbol IconDisplay · display/symbol_iconFluent 2 / WPF UI / SymbolIcon Tag render outputTagDisplay · display/tagFluent 2 / Fluent UI React / Tag Text Block render outputText BlockDisplay · display/text_blockFluent 2 / WPF UI / TextBlock

Feedback12

Activity Ring render outputActivity RingFeedback · feedback/activity_ringFluent 2 / WPF UI / ProgressRing Dialog Sheet render outputDialog SheetFeedback · feedback/dialog_sheetFluent 2 / WPF UI / ContentDialog Flyout render outputFlyoutFeedback · feedback/flyoutFluent 2 / WPF UI / Flyout Info Bar render outputInfo BarFeedback · feedback/info_barFluent 2 / WinUI 3 / InfoBar Message Bar render outputMessage BarFeedback · feedback/message_barFluent 2 / WPF UI / MessageBar Progress Bar render outputProgress BarFeedback · feedback/progress_barFluent 2 / WPF UI / ProgressBar Skeleton render outputSkeletonFeedback · feedback/skeletonFluent 2 / WPF UI / Skeleton Snackbar render outputSnackbarFeedback · feedback/snackbarFluent 2 / WPF UI / Snackbar Spinner render outputSpinnerFeedback · feedback/spinnerFluent 2 / Fluent UI React / Spinner Teaching Tip render outputTeaching TipFeedback · feedback/teaching_tipFluent 2 / WPF UI / TeachingTip Toast Stack render outputToast StackFeedback · feedback/toast_stackFluent 2 / WPF UI / Toast Tool Tip render outputTool TipFeedback · feedback/tool_tipFluent 2 / WPF UI / ToolTip