Overview
Recipes for combining ZUI's components with headless libraries like TanStack Form, TanStack Table, Sonner and cmdk.
ZUI ships the markup and styling — accessible, themeable components with no behaviour baked in. That makes it a natural fit for headless libraries that own state and logic but leave rendering to you.
These guides show how to wire ZUI's components up to popular headless tools. The pattern is always the same: the library manages state, ZUI renders it.
Integrations
TanStack Form
Build fully-controlled, validated forms by wiring TanStack Form to ZUI's Field, Input, Textarea, Radio and Checkbox components.
TanStack Table
Turn ZUI's Table into a sortable, filterable, selectable data grid with TanStack Table's headless row models.
Sonner
Add toast notifications to a React app and theme them to match ZUI's tokens and colour scheme.
cmdk
Build a command menu (⌘K palette) and style its unstyled parts with ZUI's tokens.