# Widget Catalog

Every Wind widget in one place. Find the one you need, then open its docs page.

## Layout and structure

The containers and gaps that hold a screen together.

- [WDiv](https://anilcancakir.com/wind_kit/docs/widgets/w-div.md): The building block. One container for Container, Row, Column, Flex and Grid.
- [WCard](https://anilcancakir.com/wind_kit/docs/widgets/w-card.md): A surface with optional header and footer slots.
- [WSpacer](https://anilcancakir.com/wind_kit/docs/widgets/w-spacer.md): A lightweight gap between elements.
- [WBreakpoint](https://anilcancakir.com/wind_kit/docs/widgets/w-breakpoint.md): Builds a different widget tree for each breakpoint.

## Content and media

Text, icons, images and small status labels.

- [WText](https://anilcancakir.com/wind_kit/docs/widgets/w-text.md): Text styled with Tailwind-like class strings.
- [WIcon](https://anilcancakir.com/wind_kit/docs/widgets/w-icon.md): Vector icons with utility styling.
- [WImage](https://anilcancakir.com/wind_kit/docs/widgets/w-image.md): Images with sizing, object fit and rounding classes.
- [WSvg](https://anilcancakir.com/wind_kit/docs/widgets/w-svg.md): SVGs styled with utility classes.
- [WBadge](https://anilcancakir.com/wind_kit/docs/widgets/w-badge.md): An inline status or label pill.

## Actions and overlays

Buttons, links, popovers and tabs.

- [WButton](https://anilcancakir.com/wind_kit/docs/widgets/w-button.md): A button with built-in states and loading.
- [WAnchor](https://anilcancakir.com/wind_kit/docs/widgets/w-anchor.md): The state wrapper that passes hover, focus and press down to its children.
- [WPopover](https://anilcancakir.com/wind_kit/docs/widgets/w-popover.md): Dropdowns, menus, notification panels and tooltips.
- [WTabs](https://anilcancakir.com/wind_kit/docs/widgets/w-tabs.md): A controlled tab list and panel, with a `selected:` state.

## Forms and inputs

Plain and form-integrated inputs, selects, toggles and date pickers.

- [WInput](https://anilcancakir.com/wind_kit/docs/widgets/w-input.md): A controlled text input with utility styling.
- [WFormInput](https://anilcancakir.com/wind_kit/docs/widgets/w-form-input.md): A text input that plugs into Flutter Form validation.
- [WSelect](https://anilcancakir.com/wind_kit/docs/widgets/w-select.md): Single or multi select with search and remote data.
- [WFormSelect](https://anilcancakir.com/wind_kit/docs/widgets/w-form-select.md): A select that plugs into Flutter Form validation.
- [WCheckbox](https://anilcancakir.com/wind_kit/docs/widgets/w-checkbox.md): A fully styleable checkbox.
- [WFormCheckbox](https://anilcancakir.com/wind_kit/docs/widgets/w-form-checkbox.md): A checkbox with Form validation, labels and hints.
- [WRadio](https://anilcancakir.com/wind_kit/docs/widgets/w-radio.md): A controlled radio button with a `selected:` state.
- [WSwitch](https://anilcancakir.com/wind_kit/docs/widgets/w-switch.md): A controlled toggle with a `checked:` state.
- [WDatePicker](https://anilcancakir.com/wind_kit/docs/widgets/w-date-picker.md): Single dates, ranges and date-with-time, built on WPopover.
- [WFormDatePicker](https://anilcancakir.com/wind_kit/docs/widgets/w-form-date-picker.md): A date picker that plugs into Flutter Form validation.

## Advanced tools

Server-driven UI, keyboard toolbars and looping animation.

- [WDynamic](https://anilcancakir.com/wind_kit/docs/widgets/w-dynamic.md): Renders a widget tree from JSON at runtime.
- [WKeyboardActions](https://anilcancakir.com/wind_kit/docs/widgets/w-keyboard-actions.md): An OK button and field navigation above the keyboard.
- [WindAnimationWrapper](https://anilcancakir.com/wind_kit/docs/widgets/wind-animation-wrapper.md): A looping spin, ping, pulse or bounce around any widget.