Kaiko UI

Accessible, composable UI components built with Django Cotton and DaisyUI 5. Copy the Cotton tags directly into your Django project — no build step required.

52 components DaisyUI 5 Django Cotton Alpine.js

DaisyUI 5

CSS component framework

Alpine.js

Lightweight JS reactivity

HTMX

Server-driven HTML updates

Django Cotton

Component framework for Django

Actions

Button

<c-button>

Link

<c-link>

Dropdown

<c-dropdown>

Modal

<c-modal>

Alert Dialog

<c-alert-dialog>

New

Sheet

<c-sheet>

New

Popover

<c-popover>

New

Forms

Input

<c-input>

Textarea

<c-textarea>

Select

<c-select>

Checkbox

<c-checkbox>

Radio

<c-radio>

Toggle

<c-toggle>

Slider

<c-slider>

New

File Upload

<c-file-upload>

New

Toggle Group

<c-toggle-group>

New

Fieldset

<c-fieldset>

Label

<c-label>

New

Form Integration

<c-form>

New

Combobox

<c-combobox>

Searchable Combobox

<c-searchable-combobox>

New

Datepicker

<c-datepicker>

Daterange Picker

<c-daterange-picker>

Calendar

<c-calendar>

New

EasyMDE

<c-easymde>

Beta

Layout

Card

<c-card>

Sidebar

<c-sidebar>

Accordion

<c-accordion>

Tabs

<c-tabs>

Separator

<c-separator>

New

Scroll Area

<c-scroll-area>

New

Empty State

<c-empty-state>

New

Data Display

Badge

<c-badge>

Avatar

<c-avatar>

Table

<c-table>

Data Table

<c-data-table>

New

Stat

<c-stat>

Progress

<c-progress>

Carousel

<c-carousel>

Skeleton

<c-skeleton>

New

<c-loading>

New

Steps

<c-steps>

New

Kbd

<c-kbd>

New

Icon

<c-icon>

<c-menu>

List

<c-list>

Breadcrumb

<c-breadcrumb>

New

Navigation Menu

<c-navigation-menu>

New

Pagination

<c-pagination>

New

Feedback

Alert

<c-alert>

Toast

<c-toast>

New

Tooltip

<c-tooltip>