<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Elements on AI VOID</title><link>https://ai-blog.noorshomelab.dev/tags/elements/</link><description>Recent content in Elements on AI VOID</description><generator>Hugo</generator><language>en</language><lastBuildDate>Sun, 24 May 2026 00:00:00 +0000</lastBuildDate><atom:link href="https://ai-blog.noorshomelab.dev/tags/elements/index.xml" rel="self" type="application/rss+xml"/><item><title>Building UI with Views and Elements: The Core of GPUI</title><link>https://ai-blog.noorshomelab.dev/gpui-guide-2026/views-and-elements-core-gpui/</link><pubDate>Sun, 24 May 2026 00:00:00 +0000</pubDate><guid>https://ai-blog.noorshomelab.dev/gpui-guide-2026/views-and-elements-core-gpui/</guid><description>&lt;p&gt;Building a user interface often feels like painting a picture, but with GPUI, you&amp;rsquo;re not just painting; you&amp;rsquo;re orchestrating a high-performance visual symphony. This chapter dives into the fundamental building blocks of GPUI&amp;rsquo;s UI: &lt;strong&gt;Views&lt;/strong&gt; and &lt;strong&gt;Elements&lt;/strong&gt;. These are the core components you&amp;rsquo;ll use to define what your users see and interact with.&lt;/p&gt;
&lt;p&gt;You&amp;rsquo;ve already set up your GPUI environment and understand the basic application lifecycle. Now, we&amp;rsquo;ll shift our focus to &lt;em&gt;what&lt;/em&gt; actually appears on the screen and &lt;em&gt;how&lt;/em&gt; you control it. We&amp;rsquo;ll explore GPUI&amp;rsquo;s unique hybrid rendering approach, understand how state is managed through &lt;code&gt;Entity&lt;/code&gt; and &lt;code&gt;AppContext&lt;/code&gt;, and learn to construct visual trees using the &lt;code&gt;elements!&lt;/code&gt; macro. Get ready to bring your applications to life with interactive user interfaces!&lt;/p&gt;</description></item></channel></rss>