examples/

array-list demonstrates reactive Array bindings on list widgets.

array-select demonstrates reactive Array bindings on selection widgets.

binding-gallery demonstrates every widget Bind* method in WillowUI.

Computed Chain - reactive demo.

Conditional Watch — reactive demo.

Counter — minimal reactive example.

Watch Lifecycle - reactive example.

hotreload demonstrates WillowUI's hot reload feature: edit template.xml while the app is running and see the UI update live.

xml-basic demonstrates WillowUI's XML template system: a controller that defines its UI via an embedded XML template with reactive bindings, event handlers, and the ui:show directive.

xml-binary demonstrates WillowUI's binary template format (.xmlui): the same demo as xml-basic but using a pre-compiled binary template loaded via go:embed and RegisterBinary instead of RegisterXML.

xml-forms demonstrates WillowUI's XML template system with form input widgets: TextInput, TextArea, Toggle, Checkbox, Slider, NumberStepper, Select, OptionRotator, and Radio with RadioButton children.

xml-layout demonstrates all WillowUI layout modes via a single XML template.

xml-reactive demonstrates every bind: attribute in WillowUI's XML template system.

xml-variants demonstrates custom Panel and Label variants defined in a theme JSON file and referenced by name in XML templates.

Font-Family demonstrates loading a custom FontFamily from a .fontbundle and exercising all style variants: regular, bold, italic, bold+italic, multiple display sizes, and RichText with inline markup.

Macos demonstrates a frameless OS window with custom macOS-style chrome built entirely from WillowUI widgets.

Nine-slice demonstrates WillowUI nine-slice backgrounds.

Sprite-icons demonstrates WillowUI's theme-driven icon system.

Theme-Gallery demonstrates switching between WillowUI themes at runtime.

Win10 demonstrates a frameless OS window with custom Windows 10-style chrome built entirely from WillowUI widgets.

Accordion - collapsible section panels.

Anchor layout demonstrates pinning children to edges and corners of a parent container using LayoutAnchor.

AnimatedImage widget demo.

Badge demonstrates the WillowUI Badge widget: pill-shaped count/label overlays and dot-mode status indicators with per-variant color presets.

Buttons demonstrates WillowUI's Label and Button components: reactive text binding, click callbacks, visual states (normal, hovered, disabled), and an IconButton.

Checkbox & Radio - reactive demo.

ColorPicker - demonstrates all color input modes.

custom-component demonstrates how to build a reusable custom widget and register it for use in XML templates via RegisterWidget.

DataTable example — character roster demo.

DataTable meters example — demonstrates MeterColumn with dynamic fill colors.

DataTable SelectionColumn example — email inbox demo.

DragHandle - resizable panel demo.

Filter Search — demo.

Flow layout demonstrates LayoutFlow: children placed left-to-right with automatic row wrapping.

Focus Gallery demonstrates WillowUI's focus control system: Tab cycling, spatial arrow-key navigation, keyboard activation, and hotkey dispatch across a mixed VBox / HBox / absolute layout.

Forms demonstrates WillowUI's form controls: toggle, checkbox, radio group, text input, and text area with reactive bindings and visual states.

GradientEditor demonstrates the WillowUI GradientEditor widget: an interactive editor for horizontal, vertical, and 4-corner bilinear gradients.

Image widget demo.

ImageCropper widget demo.

KeybindInput demonstrates WillowUI's KeybindInput component for capturing keyboard and gamepad bindings in game settings screens.

Labels & Buttons - reactive demo.

Component demonstrates WillowUI's base Component system: layout modes (VBox, HBox, Grid), theming, focus management, dirty flags, and the component lifecycle.

List - reactive demo.

Lists demonstrates WillowUI's list components: flat list with 1000 items showing virtualization, tile list grid, and tree list with expand/collapse.

Masked Input — demo.

menubar demonstrates a desktop-style menu bar with File, Edit, View, and Help menus.

menus showcases WillowUI's menu system: Select dropdowns, right-click ContextMenus, and programmatically triggered menus.

Modal demonstrates WillowUI's modal window mode: a confirmation dialog with a darkened backdrop overlay that blocks all input to the content behind it.

NavDrawer - slide-out navigation panel demo.

OptionRotator demonstrates WillowUI's OptionRotator component: a compact left/right chevron control for cycling through a fixed list of options.

Popover demonstrates WillowUI's Popover widget: a floating interactive panel anchored to a trigger button, dismissed by clicking outside.

Ranges demonstrates WillowUI's range controls: slider, scrollbar, progress bar, and meter bar with reactive bindings, drag interaction, and visual states.

RichText demonstrates WillowUI's RichText component: multi-span styled text with bold, italic, bold+italic variants from a single FontFamily, colors, outlines, word wrapping, and alignment options — all using the span API (AddSpan, AddBoldSpan, AddItalicSpan, AddBoldItalicSpan, AddStyledSpan).

RichTextMarkup demonstrates XML-like markup parsing into WillowUI RichText spans.

RichText-Mixed-Fonts demonstrates rendering RichText with two different FontFamily instances (Lato sans-serif and Noto Serif) in the same view, mixing them within the same RichText via AddStyledSpan and AddTextSpan.

Screens demonstrates WillowUI's ScreenManager — a navigation stack modelled after mobile app routing.

Reactive - ScrollBar: Custom Scroll Area Shows ScrollBar.BindScrollPos with Ref[float64] to wire two external scrollbars to a manually-clipped content viewport — without ScrollPanel.

Search Dropdown — autocomplete demo.

Sliders - reactive demo.

SortableList example — demonstrates drag-handle reordering and keyboard reorder commands (Alt+Up / Alt+Down) with a reactive array backing.

SortableTreeList example — demonstrates a hierarchical list with drag reordering within levels and optional reparenting.

StatWeb demonstrates the WillowUI StatWeb widget: a spider/radar chart for visualizing multi-axis attributes with optional editable handles.

Tabs - reactive demo with scrollable overflow.

Tag demonstrates the WillowUI Tag and TagBar widgets: pill-shaped category labels with optional remove (×) and toggle modes, plus a tag-input bar where pressing Space creates chips.

Text Input - reactive demo.

TileList - reactive demo.

TimePicker - demonstrates 24h and 12h time pickers with optional seconds.

Toast demonstrates WillowUI's Toast notification system: fire-and-forget messages that appear at a screen corner, auto-dismiss, stack, and animate.

Toggle - reactive demo.

ToggleButtonBar demonstrates WillowUI's ToggleButtonBar component: a segmented control for single-selection among labeled buttons.

ToolBar demonstrates WillowUI's ToolBar with icon buttons in three modes:

Tooltip demonstrates WillowUI's Tooltip component: hover delays, anchor positions (above, below, right, follow-mouse), rich multi-child content, shared tooltips with dynamic content, programmatic show/hide, and screen-edge clamping that keeps tooltips fully visible.

TreeList - reactive demo.

TwoColumnLayout demonstrates the full feature set:

Windows demonstrates WillowUI's container widgets: Panel, ScrollPanel, and Window with dragging, closing, resizing, and bring-to-front behaviour.