# Component Catalog

Browse all kokage-ui components with live previews.

## [HTML Elements](elements.md)

Low-level HTML element wrappers. These map directly to standard HTML tags with Python-friendly attribute naming (`cls` → `class`, `hx_get` → `hx-get`).

## [DaisyUI Components](components.md)

High-level UI components built on DaisyUI. These provide pre-styled, accessible widgets with Tailwind CSS classes.

## [Field Components](fields.md)

Specialized form field components for rich input experiences. Some require external JS libraries (Quill, flatpickr, SortableJS).

## [htmx Patterns](htmx.md)

Ready-made htmx interaction patterns. These generate the correct `hx-*` attributes for common dynamic UI patterns. Note: previews show the static HTML output only.

## [Model Components](models.md)

Auto-generated UI from Pydantic models. These inspect model fields to create forms, tables, and detail views automatically.

## [Features](features.md)

Higher-level feature components for authentication, theming, charting, and code display.
