KILNYour image becomes
working UI components.
Drop a screenshot, a mock or a component sheet. KILN reads it, maps every block onto the ETA component library, writes the HTML at the source's own size — then keeps editing it while you watch, in chat.
Drop the image you made
or paste an image link in the studio chat
Your images stay yours — uploads are private and only used to read the interface.
Image, file or link
Drop a screenshot or paste an image URL.
Mapped to ETA
Every block becomes an ETA component.
Real HTML
One self-contained file you can copy.
Keeps editing
Tell the agent what to change, in chat.
Four steps from picture to component
Nothing to configure — the ETA model is already loaded.
Drop the image
A screenshot, a mock, a component sheet — or paste an image link.
KILN reads it
Every block is inventoried and mapped onto the ETA component library.
It writes the HTML
One self-contained document at the source size, 1:1 — real code, streamed live.
You keep editing
Name an ETA component, preset or transition and the agent rewrites it in chat.
A component sheet you can ship
Component map
BrowserWindow, Cards4, TitleCard, NumberDisplay — every block named and marked.
data-eta-component="Cards4"
1:1 reproduction
Source size, exact geometry, per-word colours, real artwork crops.
1440 × 900 · no rearrangement
Motion, on request
Ask for a preset, a zoom keyframe or a match transition and it lands as real keyframes.
SplitText · ease-out
Copyable output
Fullscreen it, read the code, copy or download the whole document.
kiln-components.html
KILN
Your image in, a working component sheet out — and an agent that keeps editing it with the ETA model.