Button
Clickable action control.
DaisyUI0build
daisy.py
from trunco.daisy import Button
Button(label="Save", color="primary", size="sm")zbuild.py
from trunco.zbuild import Button
Button(label="Save", color="primary", size="small")Every kit component
Live previews, source snippets, and availability — shared components use the same Python names in both kits.
26 shared11 DaisyUI only4 0build only
| Component | Category | DaisyUI | 0build |
|---|---|---|---|
| Button | ui | yes | yes |
| Input | ui | yes | yes |
| Card | ui | yes | yes |
| Badge | ui | yes | yes |
| Alert | ui | yes | yes |
| Link | ui | yes | yes |
| Progress | ui | yes | yes |
| Avatar | ui | yes | yes |
| Table | ui | yes | yes |
| Tooltip | ui | yes | yes |
| Modal | ui | yes | yes |
| Accordion | ui | yes | yes |
| Divider | ui | yes | yes |
| Form | form | yes | yes |
| FormControl | form | yes | yes |
| Textarea | form | yes | yes |
| Select | form | yes | yes |
| Option | form | yes | yes |
| Checkbox | form | yes | yes |
| Radio | form | yes | yes |
| RadioGroup | form | yes | yes |
| Range | form | yes | yes |
| Toggle | form | yes | yes |
| Fieldset | form | yes | yes |
| Label | form | yes | yes |
| FileInput | form | yes | — |
| Breadcrumbs | layout | yes | — |
| Loading | ui | yes | — |
| Navbar | layout | yes | — |
| Tabs | layout | yes | — |
| Menu | layout | yes | — |
| List | ui | yes | — |
| Hero | layout | yes | — |
| Stat | ui | yes | — |
| Pagination | ui | yes | — |
| Dropdown | ui | yes | — |
| Spinner | ui | — | yes |
| Nav | layout | — | yes |
| Tab | layout | — | yes |
| Breadcrumb | layout | — | yes |
Shared components
Switch trunco.daisy ↔ trunco.zbuild — the API stays the same.
Input
Single-line text field.
DaisyUI0build
daisy.py
from trunco.daisy import Input
Input(placeholder="you@example.com", color="bordered")zbuild.py
from trunco.zbuild import Input
Input(placeholder="you@example.com")Card
Content container with title and body.
DaisyUI0build
Trunco
Python components.
daisy.py
from trunco.daisy import Card
Card(title="Trunco", body="Python components.")zbuild.py
from trunco.zbuild import Card
Card(title="Trunco", body="Python components.")Badge
Small status or metadata label.
DaisyUI0build
New
daisy.py
from trunco.daisy import Badge
Badge("New", color="primary")zbuild.py
from trunco.zbuild import Badge
Badge("New", color="info")Alert
Inline feedback message.
DaisyUI0build
Saved.
daisy.py
from trunco.daisy import Alert
Alert(message="Saved.", color="success")zbuild.py
from trunco.zbuild import Alert
Alert(message="Saved.", color="success")Link
Hyperlink styled for the kit.
DaisyUI0build
daisy.py
from trunco.daisy import Link
Link(href="/docs", text="Read docs", color="primary")zbuild.py
from trunco.zbuild import Link
Link(href="/docs", text="Read docs")Progress
Progress bar indicator.
DaisyUI0build
daisy.py
from trunco.daisy import Progress
Progress(value=65, color="primary")zbuild.py
from trunco.zbuild import Progress
Progress(value=65)Avatar
User or entity image.
DaisyUI0build
daisy.py
from trunco.daisy import Avatar
Avatar(image_src="https://img.daisyui.com/images/profile/demo/avatar-1.jpg")zbuild.py
from trunco.zbuild import Avatar
Avatar(image_src="https://img.daisyui.com/images/profile/demo/avatar-1.jpg")Table
Tabular data display.
DaisyUI0build
| Name | Version | Status |
|---|---|---|
| Trunco | 1.0.0 | Active |
| DaisyUI kit | — | Stable |
| 0build kit | — | Stable |
| HTMX helpers | — | Optional |
| Alpine helpers | — | Optional |
daisy.py
from trunco.daisy import Table
from trunco.components.table import TableRowComponent, TableCellComponent
rows = [TableRowComponent(cells=[TableCellComponent("Trunco"), ...])]
Table(headers=["Name", "Version", "Status"], rows=rows, zebra=True)zbuild.py
from trunco.zbuild import Table
from trunco.components.table import TableRowComponent, TableCellComponent
rows = [TableRowComponent(cells=[TableCellComponent("Trunco"), ...])]
Table(headers=["Name", "Version", "Status"], rows=rows, striped=True)Tooltip
Hover hint on a child element.
DaisyUI0build
daisy.py
from trunco.daisy import Tooltip, Button
Tooltip(tip="Hello", child=Button(label="Hover me"))zbuild.py
from trunco.zbuild import Tooltip, Button
Tooltip(tip="Hello", child=Button(label="Hover me"))Modal
Dialog overlay with title and actions.
DaisyUI0build
daisy.py
from trunco.daisy import Modal, Button
trigger = Button(label="Open modal", color="primary")
trigger.add_attribute("onclick", 'document.getElementById("confirm").showModal()')
Modal(
modal_id="confirm",
title="Delete item?",
body="This action cannot be undone.",
actions=[
Button(label="Cancel", color="ghost"),
Button(label="Delete", color="primary"),
],
)zbuild.py
from trunco.zbuild import Modal, Button
trigger = Modal.trigger("confirm", "Open modal")
cancel = Button(label="Cancel", size="small")
cancel.add_class("z-modal-close")
Modal(
modal_id="confirm",
title="Delete item?",
body="This action cannot be undone.",
footer=[cancel, Button(label="Delete", color="primary", size="small")],
)Accordion
Expandable content section.
DaisyUI0build
Shipping
Ships in 2–3 days.
Returns
30-day return policy.
Support
Email support@example.com
daisy.py
from trunco.daisy import Accordion
Accordion(title="Shipping", content="Ships in 2–3 days.", open=True, radio_name="faq")
Accordion(title="Returns", content="30-day return policy.", radio_name="faq")
Accordion(title="Support", content="Email support@example.com", radio_name="faq")zbuild.py
from trunco.zbuild import Accordion, AccordionGroup
AccordionGroup(
Accordion(title="Shipping", content="Ships in 2–3 days.", open=True),
Accordion(title="Returns", content="30-day return policy."),
Accordion(title="Support", content="Email support@example.com"),
)Divider
Visual separator with optional label.
DaisyUI0build
OR
daisy.py
from trunco.daisy import Divider, Button
# horizontal=False → vertical rule between items in a flex row
Divider(text="OR", horizontal=False)
Button(label="Sign up", color="primary")zbuild.py
from trunco.zbuild import Divider, Button
# horizontal=False → vertical rule between items in a flex row
Divider(text="OR", horizontal=False)
Button(label="Sign up", color="primary")Form
Form container with action and method.
DaisyUI0build
daisy.py
from trunco.daisy import Form, FormControl, Input, Button
form = Form(action="/save", gap="md")
form.add_child(FormControl(label="Name", field=Input(placeholder="Jane Doe")))
form.add_child(FormControl(label="Email", field=Input(placeholder="you@example.com")))
form.add_child(Button(label="Subscribe", color="primary"))zbuild.py
from trunco.zbuild import Form, FormControl, Input, Button
form = Form(action="/save", gap="xl")
form.add_child(FormControl(label="Name", field=Input(placeholder="Jane Doe")))
form.add_child(FormControl(label="Email", field=Input(placeholder="you@example.com")))
form.add_child(Button(label="Subscribe", color="primary"))FormControl
One labeled field with optional help text.
DaisyUI0build
daisy.py
from trunco.daisy import FormControl, Input
FormControl(
label="Email",
field=Input(placeholder="you@example.com"),
help_text="We never share your email.",
required=True,
)zbuild.py
from trunco.zbuild import FormControl, Input
FormControl(
label="Email",
field=Input(placeholder="you@example.com"),
help_text="We never share your email.",
required=True,
)Textarea
Multi-line text input.
DaisyUI0build
daisy.py
from trunco.daisy import Textarea
Textarea(placeholder="Message…", variant="bordered")zbuild.py
from trunco.zbuild import Textarea
Textarea(placeholder="Message…")Select
Dropdown selection.
DaisyUI0build
daisy.py
from trunco.daisy import Select, Option
Select(options=[Option(value='a', display_text='A')])zbuild.py
from trunco.zbuild import Select, Option
Select(options=[Option(value='a', display_text='A')])Option
Select option element.
DaisyUI0build
daisy.py
from trunco.daisy import Select, Option
Select(options=[Option(value='a', display_text='A')])zbuild.py
from trunco.zbuild import Select, Option
Select(options=[Option(value='a', display_text='A')])Checkbox
Boolean checkbox input.
DaisyUI0build
daisy.py
from trunco.daisy import Checkbox
Checkbox(label="Accept terms", checked=True)zbuild.py
from trunco.zbuild import Checkbox
Checkbox(label="Accept terms", checked=True)Radio
Single radio input.
DaisyUI0build
daisy.py
from trunco.daisy import RadioGroup, Radio
# direction: "vertical" (default) or "horizontal"
RadioGroup(
name="plan",
gap="md",
direction="horizontal",
options=[
Radio(name="plan", value="free", label="Free", checked=True, gap="sm"),
Radio(name="plan", value="pro", label="Pro", gap="sm"),
],
)zbuild.py
from trunco.zbuild import RadioGroup, Radio
RadioGroup(
name="plan",
gap="md",
direction="horizontal",
options=[
Radio(name="plan", value="free", label="Free", checked=True, gap="sm"),
Radio(name="plan", value="pro", label="Pro", gap="sm"),
],
)RadioGroup
Grouped radio inputs.
DaisyUI0build
daisy.py
from trunco.daisy import RadioGroup, Radio
# direction: "vertical" (default) or "horizontal"
RadioGroup(
name="plan",
gap="md",
direction="horizontal",
options=[
Radio(name="plan", value="free", label="Free", checked=True, gap="sm"),
Radio(name="plan", value="pro", label="Pro", gap="sm"),
],
)zbuild.py
from trunco.zbuild import RadioGroup, Radio
RadioGroup(
name="plan",
gap="md",
direction="horizontal",
options=[
Radio(name="plan", value="free", label="Free", checked=True, gap="sm"),
Radio(name="plan", value="pro", label="Pro", gap="sm"),
],
)Range
Slider / range input.
DaisyUI0build
daisy.py
from trunco.daisy import Range
Range(min_value=0, max_value=100, value=40)zbuild.py
from trunco.zbuild import Range
Range(min_value=0, max_value=100, value=40)Toggle
On/off toggle switch.
DaisyUI0build
daisy.py
from trunco.daisy import Toggle
Toggle(label="Notifications", checked=False, variant="primary")zbuild.py
from trunco.zbuild import Toggle
Toggle(label="Notifications", checked=False, color="primary")Fieldset
Grouped fields with legend.
DaisyUI0build
daisy.py
from trunco.daisy import Fieldset, FormControl, Input
Fieldset(
legend="Account",
children=[
FormControl(label="Username", field=Input(placeholder="jane")),
FormControl(label="Email", field=Input(placeholder="you@example.com")),
],
)zbuild.py
from trunco.zbuild import Fieldset, FormControl, Input
Fieldset(
legend="Account",
children=[
FormControl(label="Username", field=Input(placeholder="jane")),
FormControl(label="Email", field=Input(placeholder="you@example.com")),
],
)Label
Standalone form label.
DaisyUI0build
daisy.py
from trunco.daisy import Label
Label(text="Email address")zbuild.py
from trunco.zbuild import Label
Label(text="Email address")FileInput
File upload input.
DaisyUI only
daisy.py
from trunco.daisy import FileInput
FileInput(variant="bordered")Breadcrumbs
Hierarchical navigation trail.
DaisyUI only
- Home
- Settings
daisy.py
from trunco.daisy import Breadcrumbs, Link
Breadcrumbs(items=[Link(href="/", text="Home"), "Settings"])Loading
Animated loading indicator.
DaisyUI only
daisy.py
from trunco.daisy import Loading
Loading(style="spinner", size="md")Navbar
Top navigation bar.
DaisyUI only
daisy.py
from trunco.daisy import Navbar, Link
Navbar(start=["Trunco"], end=[Link(href="/", text="Home")])Tabs
Tab navigation links.
DaisyUI only
Menu
Vertical navigation menu.
DaisyUI only
daisy.py
from trunco.daisy import Menu, Link
Menu(items=[Link(href="/", text="Home"), "About"])List
Styled list of items.
DaisyUI only
- Install trunco
- Pick a kit
- Ship it
daisy.py
from trunco.daisy import List
List(items=["Install trunco", "Pick a kit", "Ship it"])Hero
Large hero banner section.
DaisyUI only
Hello
World
daisy.py
from trunco.daisy import Hero, Button
Hero(title="Hello", subtitle="World", actions=[Button(label="Go")])Stat
Statistic highlight block.
DaisyUI only
Downloads
31K
Jan 2026
daisy.py
from trunco.daisy import Stat
Stat(title="Downloads", value="31K", description="Jan 2026")Pagination
Page number controls.
DaisyUI only
daisy.py
from trunco.daisy import Pagination
Pagination(pages=[1, 2, 3, '…', 10], active=2)Dropdown
Dropdown menu triggered by a button.
DaisyUI only
daisy.py
from trunco.daisy import Dropdown, Button, Link
Dropdown(trigger=Button(label='Menu'), items=[Link(href='#', text='Item')])Spinner
Loading spinner.
0build only
zbuild.py
from trunco.zbuild import Spinner
Spinner()Nav
Horizontal navigation list.
0build only
zbuild.py
from trunco.zbuild import Nav, Link
Nav(items=[Link(href="/", text="Home"), "About"])Tab
Tab navigation (0build).
0build only
zbuild.py
from trunco.zbuild import Tab
Tab(tabs=[('Tab 1', 't1', True), ('Tab 2', 't2', False)])Breadcrumb
Breadcrumb trail (singular API).
0build only
zbuild.py
from trunco.zbuild import Breadcrumb, Link
Breadcrumb(items=[Link(href="/", text="Home"), "Settings"])