What is YarnUI?
YarnUI is the UI framework layer under YarnLab. It takes structured PidGinYor code, interprets its AST, and renders real interfaces into the DOM.
Core Pipeline
PidGinYor code → Autocorrect → Parser → AST → YarnUI Runtime → DOM Preview
Core Responsibilities
tokens.jsdesign tokens
props.jsprop parsing
styles.jsstyle application
events.jsevent binding
registry.jscomponent lookup
runtime.jsnode resolution and rendering
Supported Concepts (v0.1)
sectionlayout container
rowhorizontal flex layout
columnvertical flex layout
cardstyled content block
titleheading element
textparagraph element
buttonbutton element
YarnUI Example
section "Hero" title "Welcome" text "Build with intent" button "Start"
Future Direction
YarnUI is intended to evolve into a full intent-based UI framework with props, styling tokens, component composition, events, and eventually reusable systems.