Willow UI Examples
A selection of components from the Willow UI library.
Standard, icon, outline, and toggle button variants with click feedback and disabled states.
Single-line text entry with placeholder, selection, copy/paste, and undo.
Multi-line text editor with scrolling, word wrap, and selection.
Input with format masks for phone numbers, dates, currency, and custom patterns.
Numeric input with increment/decrement buttons, min/max bounds, and step size.
Dropdown select with search, keyboard navigation, and single selection.
Checkbox with label, indeterminate state, and group support.
Radio button groups with mutual exclusion and keyboard navigation.
On/off toggle switches with animated transitions.
Horizontal and vertical sliders with custom ranges, step snapping, and live value display.
Segmented toggle bar for switching between mutually exclusive options.
Cycle through a list of options with previous/next buttons.
Date picker with month navigation, day selection, and range highlighting.
Hour and minute selection with keyboard input and scroll support.
HSV color wheel with saturation/value pane, alpha slider, and hex input.
Add, remove, and reorder tags with keyboard entry and overflow scrolling.
Determinate and indeterminate progress indicators with animated fill.
Hover-triggered tooltips with configurable placement and delay.
Collapsible sections with animated expand/collapse and single or multi-open modes.
Horizontal tab bar with active indicator, scrollable overflow, and closable tabs.
Horizontal menu bar with nested dropdown submenus and keyboard navigation.
Draggable, resizable window with title bar, close button, and content area.
Scrollable content area with custom scrollbars and mouse wheel support.
Scrollable list with selection, keyboard navigation, and dynamic item rendering.
Hierarchical tree with expand/collapse, selection, and indentation guides.
Drag-and-drop reordering with animated insertion indicators.
Drag-and-drop tree with reparenting, reordering, and depth-aware drop targets.
Grid layout of selectable tiles with responsive column count.
Sortable, scrollable table with column resizing, row selection, and header controls.
Radar/spider chart widget for displaying multi-axis stat distributions.