WebUI Directives

WebUI Framework offers several directives that allow you to create dynamic templates without JavaScript. These directives are processed during rendering to produce the final HTML output.

Available Directives

WebUI Framework provides the following core directives:

• <if> Conditional Rendering - Conditionally render content based on expressions
• <for> Loop Iteration - Iterate over collections to generate repeated content
• <route> Routing - Define client-side routes that map URL paths to components
• {{}} Signal Binding - Insert dynamic values with automatic HTML escaping
• {{{}}} Raw Signal Binding - Insert unescaped HTML content
• Attribute Directives - Bind dynamic data to HTML attributes ({{}}, ?, :, and mixed)

How Directives Work

WebUI directives are processed by the WebUI parser and transformed into a platform-agnostic protocol. This protocol is then rendered by a language-specific handler, allowing the same template to be rendered consistently across multiple platforms.

Template with directives → WebUI Protocol → Native HTML output

The WebUI protocol is a protobuf binary structure defined by a cross-language .proto schema, making it ideal for cross-platform applications.