Preact UI toolkit.
10x smaller than you think.

Intuitive for humans + LLMs

Kinu: The Japanese word for silk. An ultra-thin layer of styling and ergonomics over native HTML. Zero dependencies, zero runtime overhead, zero wrapper divs.

Start BuildingView Components
Abstract white silk fabric flowing in air
Architecture

A Clever
Facade.

Kinu offers the ergonomics of a heavy toolkit with the weight of a whisper. By mapping directly to native HTML elements and platform APIs, entire layers of the conventional UI toolkit rendering process are simply bypassed. No virtual DOM diffing for dialogs. No synthetic event systems for forms. The fastest code is the code that never runs.

~5kBJS Total
0Dependencies
Monochromatic macro photography of zen stones
Components

Go ahead — try them.

Every component below is live. Interact with them, inspect the DOM, check the network tab. What you see is what ships.

Task List
2 of 4 complete50%
Controls
68%
Actions
Feedback
Upload progress62%
All components render to native HTML elements.

HTML as a First-Class Citizen

Kinu doesn't reinvent the wheel; it completes it. Your components render to native semantic elements with a single attribute for styling. No div soup, no synthetic event system, no runtime overhead.

Kinu Approach
<Button variant="outline" size="lg">
  Redefine Everything
</Button>

<Dialog>
  <Dialog.Trigger>
    <Button>Open</Button>
  </Dialog.Trigger>
  <Dialog.Content>
    Confirm action?
  </Dialog.Content>
</Dialog>
Rendered DOM
<button k="button" variant="outline"
  size="lg">
  Redefine Everything
</button>

<button k="button" commandfor=":r0:"
  command="show-modal">Open</button>
<dialog k="dialog-content" id=":r0:">
  Confirm action?
</dialog>

Ship less. Do more.

50+ components. Native HTML output. One tiny dependency.

Clone the RepoBrowse components