Component Catalog

Browse all kokage-ui components with live previews.

HTML Elements

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

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

Field Components

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

htmx Patterns

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

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

Features

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